Some tweaks regarding the beautiful dashboard, it's so beautiful. You've never seen anything like it. The best, we only want THE BEST. Chyna

This commit is contained in:
cdricms
2025-01-14 11:10:01 +01:00
parent fa3dd398e0
commit 648517078b
5 changed files with 47 additions and 94 deletions

View File

@@ -1,6 +1,7 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google"; import { Geist, Geist_Mono } from "next/font/google";
import "@/app/globals.css"; import "@/app/globals.css";
import Navbar from "@/components/nav-bar";
const geistSans = Geist({ const geistSans = Geist({
variable: "--font-geist-sans", variable: "--font-geist-sans",

View File

@@ -6,12 +6,10 @@ import {
BookOpen, BookOpen,
Bot, Bot,
Command, Command,
Frame, Users,
GalleryVerticalEnd, GalleryVerticalEnd,
Map,
PieChart,
Settings2, Settings2,
SquareTerminal, Calendar,
} from "lucide-react"; } from "lucide-react";
import { NavMain } from "@/components/nav-main"; import { NavMain } from "@/components/nav-main";
@@ -35,123 +33,61 @@ const data = {
}, },
teams: [ teams: [
{ {
name: "Acme Inc", name: "Latosa-Escrima",
logo: GalleryVerticalEnd, logo: GalleryVerticalEnd,
plan: "Enterprise", plan: "",
}, },
{ {
name: "Acme Corp.", name: "Wing-Tsun",
logo: AudioWaveform,
plan: "Startup",
},
{
name: "Evil Corp.",
logo: Command, logo: Command,
plan: "Free", plan: "",
}, },
], ],
navMain: [ navMain: [
{ {
title: "Playground", title: "Membres",
url: "#", url: "/dashboard/members",
icon: SquareTerminal, icon: Users,
isActive: true, isActive: true,
items: [ items: [
{ {
title: "History", title: "Création d'un membre",
url: "#", url: "/dashboard/members/new",
},
{
title: "Starred",
url: "#",
},
{
title: "Settings",
url: "#",
}, },
], ],
}, },
{ {
title: "Models", title: "Planning",
url: "#", url: "/dashboard/planning",
icon: Bot, icon: Calendar,
items: [
{
title: "Genesis",
url: "#",
},
{
title: "Explorer",
url: "#",
},
{
title: "Quantum",
url: "#",
},
],
}, },
{ {
title: "Documentation", title: "Blogs",
url: "#", url: "/dashboard/blogs",
icon: BookOpen, icon: BookOpen,
items: [ items: [
{ {
title: "Introduction", title: "Catégorie 1",
url: "#", url: "/dashboard/blogs/categorie-1",
}, },
{ {
title: "Get Started", title: "Catégorie 2",
url: "#", url: "/dashboard/blogs/categorie-2",
}, },
{ {
title: "Tutorials", title: "Nouvelle catégorie",
url: "#", url: "/dashboard/blogs/categories/new",
}, },
{ {
title: "Changelog", title: "Nouvel article",
url: "#", url: "/dashboard/blogs/new",
}, },
], ],
}, },
{ {
title: "Settings", title: "Settings",
url: "#", url: "/dashboard/settings",
icon: Settings2, icon: Settings2,
items: [
{
title: "General",
url: "#",
},
{
title: "Team",
url: "#",
},
{
title: "Billing",
url: "#",
},
{
title: "Limits",
url: "#",
},
],
},
],
projects: [
{
name: "Design Engineering",
url: "#",
icon: Frame,
},
{
name: "Sales & Marketing",
url: "#",
icon: PieChart,
},
{
name: "Travel",
url: "#",
icon: Map,
}, },
], ],
}; };
@@ -164,7 +100,6 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
</SidebarHeader> </SidebarHeader>
<SidebarContent> <SidebarContent>
<NavMain items={data.navMain} /> <NavMain items={data.navMain} />
<NavProjects projects={data.projects} />
</SidebarContent> </SidebarContent>
<SidebarFooter> <SidebarFooter>
<NavUser user={data.user} /> <NavUser user={data.user} />

View File

@@ -76,7 +76,7 @@ const subMenuItemsTwo = [
const Navbar = () => { const Navbar = () => {
return ( return (
<section className="p-4 top-0 sticky bg-white z-[100]"> <section className="p-4 bg-white top-0 sticky z-[100]">
<div className=""> <div className="">
<nav className="hidden justify-between lg:flex"> <nav className="hidden justify-between lg:flex">
<div className="flex items-center gap-6"> <div className="flex items-center gap-6">

View File

@@ -78,15 +78,15 @@ export function TeamSwitcher({
</DropdownMenuShortcut> </DropdownMenuShortcut>
</DropdownMenuItem> </DropdownMenuItem>
))} ))}
<DropdownMenuSeparator /> {/*<DropdownMenuSeparator />*/}
<DropdownMenuItem className="gap-2 p-2"> {/*<DropdownMenuItem className="gap-2 p-2">
<div className="flex size-6 items-center justify-center rounded-md border bg-background"> <div className="flex size-6 items-center justify-center rounded-md border bg-background">
<Plus className="size-4" /> <Plus className="size-4" />
</div> </div>
<div className="font-medium text-muted-foreground"> <div className="font-medium text-muted-foreground">
Add team Add team
</div> </div>
</DropdownMenuItem> </DropdownMenuItem> */}
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </DropdownMenu>
</SidebarMenuItem> </SidebarMenuItem>

View File

@@ -0,0 +1,17 @@
- Gestion des membres:
- Et par conséquent des utilisateurs
- Gestions des licences membres ?
- Gestion du planning:
- Pouvoir gérer les séances (il y a un planning par défaut qui peut être modifier de jour en jour, en cas de toute éventualité).
- Membres peuvent suivre certains jours du planning (voulant dire qu'il seront présents)
- Mettre une limite totale par séance (on peut pas être une centaine)
- En cas d'annulation, les membres peuvent être prévenus par mail (s'il active sur le compte membre)
- Liaison avec Google Calendar et abonnement ics
- Gesion des blogs:
- Intérêt: Actualités, Histoire (de l'art martial), Cours ? -> Donc création de catégories
- Editeur d'article
- Paramètres:
- Paramètres compte
- Paramètres site:
- Lien API (Google)
- Activation de l'auto-inscription des comptes utilisateurs