External/portabase
1
0
Fork 0
mirror of https://github.com/Portabase/portabase.git synced 2026-07-14 11:16:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

Working on style and color on the side bar, and the items buttons.

Browse Source
This commit is contained in:
charles-gauthereau
2024-11-10 11:01:59 +01:00
parent ce0265bd8c
commit 84030dcba0
11 changed files with 278 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(customer)/dashboard/agents/page.tsx
+15
View File
@@ -0,0 +1,15 @@
import {PageParams} from "@/types/next";
export default async function RoutePage(props: PageParams<{}>) {
return (
<div className="flex flex-1 flex-col gap-4 p-4">
<div className="grid auto-rows-min gap-4 md:grid-cols-3">
<div className="aspect-video rounded-xl bg-muted/50"/>
<div className="aspect-video rounded-xl bg-muted/50"/>
<div className="aspect-video rounded-xl bg-muted/50"/>
</div>
<div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min"/>
</div>
)
}
app/(customer)/dashboard/home/page.tsx
+8 -4
View File
@@ -2,10 +2,14 @@ import {PageParams} from "@/types/next";
export default async function RoutePage(props: PageParams<{}>) {
return(
<div>
<h1>Home</h1>
return (
<div className="flex flex-1 flex-col gap-4 p-4">
<div className="grid auto-rows-min gap-4 md:grid-cols-3">
<div className="aspect-video rounded-xl bg-muted/50"/>
<div className="aspect-video rounded-xl bg-muted/50"/>
<div className="aspect-video rounded-xl bg-muted/50"/>
</div>
<div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min"/>
</div>
)
}
app/(customer)/dashboard/kpi/page.tsx
+15
View File
@@ -0,0 +1,15 @@
import {PageParams} from "@/types/next";
export default async function RoutePage(props: PageParams<{}>) {
return (
<div className="flex flex-1 flex-col gap-4 p-4">
<div className="grid auto-rows-min gap-4 md:grid-cols-3">
<div className="aspect-video rounded-xl bg-muted/50"/>
<div className="aspect-video rounded-xl bg-muted/50"/>
<div className="aspect-video rounded-xl bg-muted/50"/>
</div>
<div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min"/>
</div>
)
}
app/(customer)/dashboard/layout.tsx
+8 -7
View File
@@ -2,23 +2,24 @@ import {SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/si
import {AppSidebar} from "@/components/wrappers/Dashboard/SideBar/app-sidebar";
import {currentUser} from "@/auth/current-user";
import {redirect} from "next/navigation";
import {LoggedInButton} from "@/components/wrappers/Dashboard/LoggedInButton/LoggedInButton";
import {ModeToggle} from "@/features/theme/ModeToggle";
import {Header} from "@/features/layout/Header";
export default async function Layout({children}: { children: React.ReactNode }) {
const user = await currentUser()
if (!user) {
redirect('/login')
}
return (
<SidebarProvider>
<AppSidebar/>
<main>
<SidebarTrigger/>
{children}
</main>
<AppSidebar />
<SidebarInset>
<Header/>
<main>{children}</main>
</SidebarInset>
</SidebarProvider>
)
}
app/(customer)/dashboard/settings/page.tsx
+15
View File
@@ -0,0 +1,15 @@
import {PageParams} from "@/types/next";
export default async function RoutePage(props: PageParams<{}>) {
return (
<div className="flex flex-1 flex-col gap-4 p-4">
<div className="grid auto-rows-min gap-4 md:grid-cols-3">
<div className="aspect-video rounded-xl bg-muted/50"/>
<div className="aspect-video rounded-xl bg-muted/50"/>
<div className="aspect-video rounded-xl bg-muted/50"/>
</div>
<div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min"/>
</div>
)
}