add function for user
- create house - edit house - delete house - list all member for active house
This commit is contained in:
30
src/routes/(app)/(auth)/management/houses.tsx
Normal file
30
src/routes/(app)/(auth)/management/houses.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import CurrentUserActionGroup from '@/components/house/current-user-action-group';
|
||||
import CurrentUserHouseList from '@/components/house/current-user-house-list';
|
||||
import CurrentUserMemberList from '@/components/house/current-user-member-list';
|
||||
import { m } from '@/paraglide/messages';
|
||||
import { housesQueries } from '@/service/queries';
|
||||
import { authClient } from '@lib/auth-client';
|
||||
import { useQuery } from '@tanstack/react-query';
|
||||
import { createFileRoute } from '@tanstack/react-router';
|
||||
|
||||
export const Route = createFileRoute('/(app)/(auth)/management/houses')({
|
||||
component: RouteComponent,
|
||||
staticData: { breadcrumb: () => m.nav_houses() },
|
||||
});
|
||||
|
||||
function RouteComponent() {
|
||||
const { data: houses } = useQuery(housesQueries.currentUser());
|
||||
const { data: activeHouse } = authClient.useActiveOrganization();
|
||||
|
||||
if (!activeHouse || !houses) return null;
|
||||
|
||||
return (
|
||||
<div className="@container/main p-4">
|
||||
<div className="*:data-[slot=card]:from-primary/5 *:data-[slot=card]:to-card dark:*:data-[slot=card]:bg-card *:data-[slot=card]:bg-linear-to-br *:data-[slot=card]:shadow-xs grid grid-cols-1 @xl/main:grid-cols-2 @5xl/main:grid-cols-3 gap-4">
|
||||
<CurrentUserHouseList activeHouse={activeHouse} />
|
||||
<CurrentUserMemberList activeHouse={activeHouse} />
|
||||
<CurrentUserActionGroup activeHouse={activeHouse} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user