diff --git a/src/App.svelte b/src/App.svelte
index 6257257b..1c9aad6c 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -63,6 +63,7 @@
   import Contacts from "./components/contacts/Contacts.svelte";
   import ContactDetail from "./components/contacts/ContactDetail.svelte";
   import Donors from "./components/donors/Donors.svelte";
+  import Groups from "./components/groups/Groups.svelte";
   import DonorDetail from "./components/donors/DonorDetail.svelte";
   import Donations from "./components/donations/Donations.svelte";
   import DonationDetail from "./components/donations/DonationDetail.svelte";
@@ -110,6 +111,19 @@
             </Route>
           </Route>
         </Route>
+        <Route path="/groups/*">
+          <Route path="/">
+            <Groups />
+          </Route>
+          <!-- <Route path="/:userid/*" let:params>
+            <Route path="/">
+              <UserDetail {params} />
+            </Route>
+            <Route path="/permissions/">
+              <UserPermissions {params} />
+            </Route>
+          </Route> -->
+        </Route>
         <Route path="/tracks/*">
           <Route path="/">
             <TracksOverview />