snap

src/SyncGate.tsx

@@ -14,6 +14,7 @@ import { routeResolver } from "./App";
 
 import AppBarOverride from "./widgets/AppBarOverride";
 import LoadingIndicator from "./widgets/LoadingIndicator";
+import SearchableAddressBook from "./components/SearchableAddressBook";
 
 import Journals from "./Journals";
 import Settings from "./Settings";
@@ -78,12 +79,9 @@ export default function SyncGate() {
           <Redirect to={routeResolver.getRoute("pim")} />
         )}
       />
-      {false && (
-        <>
       <Route
         path={routeResolver.getRoute("pim")}
-            render={({ history }) => (
-              <>
+      >
         <AppBarOverride title="EteSync" />
         <PimRouter
           etesync={etesync}
@@ -91,9 +89,32 @@ export default function SyncGate() {
           syncInfo={false as any}
           history={history}
         />
-              </>
-            )}
-          />
+        <Switch>
+          <Route
+            path={routeResolver.getRoute("pim")}
+            exact
+          >
+            <Redirect to={routeResolver.getRoute("pim.events")} />
+          </Route>
+          <Route
+            path={routeResolver.getRoute("pim.contacts")}
+          >
+            <SearchableAddressBook onItemClick={() => 1} />
+          </Route>
+          <Route
+            path={routeResolver.getRoute("pim.events")}
+          >
+            events
+          </Route>
+          <Route
+            path={routeResolver.getRoute("pim.tasks")}
+          >
+            tasks
+          </Route>
+        </Switch>
+      </Route>
+      {false && (
+        <>
           <Route
             path={routeResolver.getRoute("journals")}
             render={({ location, history }) => (