feat: change icon to open history sidebar

mrevanzak · Jun 28, 2024 · 281b50f · 281b50f
1 parent 441671d
commit 281b50f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/apps/web/src/app/(app)/layout.tsx b/apps/web/src/app/(app)/layout.tsx
@@ -1,14 +1,14 @@
 import { Footer } from "@/components/footer";
 import { Navbar } from "@/components/navbar";
 import { Sidebar } from "@/components/sidebar/sidebar";
+import { SidebarUser } from "@/components/sidebar/sidebar-user";
 import { env } from "@/env";
 import { auth } from "@/server/auth";
 import { get } from "@vercel/edge-config";
 
 import { cn } from "@tanya.in/ui";
 
 import ErrorPage from "../error";
-import { ChatHistory } from "./@user/history";
 
 export default async function AuthLayout(props: {
   user: React.ReactNode;
@@ -37,7 +37,7 @@ export default async function AuthLayout(props: {
       className="relative flex min-h-screen w-full bg-content2 dark:bg-background"
       vaul-drawer-wrapper=""
     >
-      {isAdmin ? <Sidebar /> : <ChatHistory />}
+      {isAdmin ? <Sidebar /> : <SidebarUser />}
       <div className="flex flex-1 flex-col overflow-x-hidden">
         <Navbar />
         <main

diff --git a/apps/web/src/app/(app)/@user/history.tsx → ...b/src/components/sidebar/sidebar-user.tsx b/apps/web/src/app/(app)/@user/history.tsx → ...b/src/components/sidebar/sidebar-user.tsx
@@ -8,8 +8,8 @@ import { ThemeToggle } from "@/components/theme-toggle";
 import { api } from "@/trpc/react";
 import { Tab, Tabs, Tooltip } from "@nextui-org/react";
 import { useTranslations } from "next-intl";
-import { FaChevronRight, FaPlus } from "react-icons/fa6";
-import { IoMenu } from "react-icons/io5";
+import { FaPlus } from "react-icons/fa6";
+import { MdHistory } from "react-icons/md";
 import { useMediaQuery } from "usehooks-ts";
 
 import { Button } from "@tanya.in/ui/button";
@@ -57,7 +57,7 @@ function Content() {
   );
 }
 
-export function ChatHistory() {
+export function SidebarUser() {
   const [open, setOpen] = useState(false);
   const router = useRouter();
   const isMobile = useMediaQuery("(max-width: 768px)");
@@ -76,7 +76,7 @@ export function ChatHistory() {
             variant="solid"
             color="warning"
           >
-            <IoMenu className="size-5" />
+            <MdHistory className="size-7" />
           </Button>
         </DrawerTrigger>
         <DrawerContent className="min-h-[60vh] bg-content1">
@@ -125,14 +125,14 @@ export function ChatHistory() {
 
         <Tooltip content={t("show")} placement="bottom-end">
           <Button
-            className="absolute -right-7 top-1/4 z-10"
+            className="absolute -right-5 top-1/4 z-10"
             isIconOnly
             onClick={() => setOpen(!open)}
             radius="full"
             variant="solid"
             color="warning"
           >
-            <FaChevronRight className="size-5 transition-transform duration-500 group-data-[open=true]:rotate-180" />
+            <MdHistory className="size-7 transition-transform duration-500 group-data-[open=true]:rotate-180" />
           </Button>
         </Tooltip>