app-shell-2

1"use client"
2 
3import React from "react"
4import {
5  RiSearchLine,
6  RiAddLine,
7  RiMoreLine,
8  RiCheckboxCircleLine,
9  RiTimeLine,
10  RiArrowRightLine,
11  RiUser3Line,
12  RiGitMergeLine,
13  RiChat1Line,
14  RiCloseCircleLine,
15  RiGitPullRequestLine,
16  RiTaskLine,
17  RiDeleteBinLine,
18} from "@remixicon/react"
19 
20import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
21import { Badge } from "@/components/ui/badge"
22import { Button } from "@/components/ui/button"
23import { Card, CardContent, CardFooter, CardHeader } from "@/components/ui/card"
24import {
25  DropdownMenu,
26  DropdownMenuContent,
27  DropdownMenuItem,
28  DropdownMenuSeparator,
29  DropdownMenuTrigger,
30} from "@/components/ui/dropdown-menu"
31import {
32  Command,
33  CommandDialog,
34  CommandEmpty,
35  CommandGroup,
36  CommandInput,
37  CommandItem,
38  CommandList,
39} from "@/components/ui/command"
40import { Kbd, KbdGroup } from "@/components/ui/kbd"
41import {
42  Progress,
43  ProgressLabel,
44  ProgressValue,
45} from "@/components/ui/progress"
46import { Separator } from "@/components/ui/separator"
47import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
48 
49const members: Record<string, { name: string; avatar: string }> = {
50  KS: { name: "Kenji Sato", avatar: "https://i.pravatar.cc/150?img=11" },
51  LM: { name: "Layla Mori", avatar: "https://i.pravatar.cc/150?img=23" },
52  TP: { name: "Tariq Patel", avatar: "https://i.pravatar.cc/150?img=14" },
53  RM: { name: "Roma Müller", avatar: "https://i.pravatar.cc/150?img=32" },
54  SJ: { name: "Sofia Jiménez", avatar: "https://i.pravatar.cc/150?img=44" },
55  NW: { name: "Noa Weiss", avatar: "https://i.pravatar.cc/150?img=5" },
56  AL: { name: "André Lefèvre", avatar: "https://i.pravatar.cc/150?img=68" },
57  CB: { name: "Chloe Byrne", avatar: "https://i.pravatar.cc/150?img=47" },
58}
59 
60const projects = [
61  {
62    name: "Website Redesign",
63    description: "Revamp the public-facing marketing site and docs hub.",
64    status: "In Progress",
65    dueDate: "Jun 30",
66    progress: 68,
67    memberKeys: ["KS", "LM", "TP"],
68    image:
69      "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&q=80",
70    imageAlt: "Analytics dashboard on a laptop screen",
71  },
72  {
73    name: "Mobile App v2",
74    description: "Next major release with offline sync and push notifications.",
75    status: "Planning",
76    dueDate: "Jul 15",
77    progress: 24,
78    memberKeys: ["RM", "SJ"],
79    image:
80      "https://images.unsplash.com/photo-1667372393119-3d4c48d07fc9?w=800&q=80",
81// … truncated