Add user_id filter to groups table

src/pages/groups/GroupsTable.tsx

@@ -53,17 +53,6 @@ export function GroupsTable() {
       }}
       columns={columns}
       data={tableData}
-      // rowContextMenuItems={isPage ? rowContextMenuItems : undefined}
-      // toolbarActions={(table) => {
-      //   return <GroupsTableToolbarActions table={table} />
-      // }}
-      // toolbarSelectActions={
-      //   isPage
-      //   ? (table) => {
-      //       return <GroupsTableToolbarSelectActions table={table} />
-      //     }
-      //   : undefined
-      // }
     />
   )
 }

src/pages/groups/GroupsTableFilterMenu.tsx

@@ -6,7 +6,8 @@ import useAuth from '../../hooks/useAuth'
 
 export default function GroupsTableFilterMenu() {
   const {user} = useAuth()
-  const [isMember, setIsMember] = useSearchParameter<boolean>('is_member', true)
+  const defaultUserId = user?.profile.sub ?? ''
+  const [userId, setUserId] = useSearchParameter<string>('user_id', defaultUserId)
 
   return (
     <PageActions>
@@ -15,8 +16,10 @@ export default function GroupsTableFilterMenu() {
           control={
             <Checkbox
               disabled={!user}
-              checked={isMember}
-              onChange={(event) => setIsMember(event.target.checked)}
+              checked={!!user && userId === defaultUserId}
+              onChange={(event) => {
+                setUserId(event.target.checked ? defaultUserId : '')
+              }}
             />
           }
           label='you are a member'

src/pages/groups/groupsRoute.tsx

@@ -6,7 +6,7 @@ import {PageBasedPagination} from '../../utils/types'
 import groupRoute from './groupRoute'
 
 type Search = {
-  is_member: boolean
+  user_id: string
 }
 
 const groupsRoute: Route<
@@ -18,9 +18,9 @@ const groupsRoute: Route<
   lazyComponent: async () => import('./GroupsPage'),
   onlyRender: '',
   breadcrumb: <b>groups</b>,
-  validateSearch: ({rawSearch, ...params}) => ({
+  validateSearch: ({rawSearch, user, ...params}) => ({
     ...validatePaginationSearch({rawSearch, ...params}),
-    is_member: rawSearch.is_member === undefined ? true : rawSearch.is_member === 'true',
+    user_id: rawSearch.user_id ?? user?.profile.sub ?? '',
   }),
   request: ({search, isLeaf}) =>
     isLeaf
@@ -31,7 +31,7 @@ const groupsRoute: Route<
               page_size: search.page_size,
             },
             query: {
-              // TODO ...(search.is_member && {user_id: user?.user_id})
+              ...(search.user_id && {user_id: search.user_id})
             },
           },
           '*': '*',