changes

hanuchaudhary · hanuchaudhary · commit 08cf416ee526 · 2025-01-15T15:08:21.000+05:30
diff --git a/app/dashboard/layout.tsx b/app/dashboard/layout.tsx
@@ -11,6 +11,7 @@ export default function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
+
   return (
     <body>
       <main className="flex min-h-screen overflow-hidden md:gap-3 gap-1 md:p-3 p-1 h-full">
diff --git a/app/dashboard/profile/page.tsx b/app/dashboard/profile/page.tsx
@@ -75,7 +75,7 @@ export default function Dashboard() {
         <>
           <DashboardContent authUser={authUser} />
           {leetcodeStats && (
-            <div className="container mx-auto mt-6">
+            <div className="container mx-auto bg-neutral-800 rounded-lg p-3 mt-6">
               <h2 className="text-xl font-semibold mb-4">Your LeetCode Progress</h2>
               <div className="max-w-xl">
                 <Bar data={chartData} />
diff --git a/components/dashboardComponents/AppSidebar.tsx b/components/dashboardComponents/AppSidebar.tsx
@@ -1,7 +1,17 @@
 "use client";
 
 import * as React from "react";
-import { Moon, Sun, LogOut, User, Settings, BookA, FileQuestion, ChevronRight, ChevronLeft } from 'lucide-react';
+import {
+  Moon,
+  Sun,
+  LogOut,
+  User,
+  Settings,
+  BookA,
+  FileQuestion,
+  ChevronRight,
+  ChevronLeft,
+} from "lucide-react";
 import { useTheme } from "next-themes";
 import { usePathname } from "next/navigation";
 import Link from "next/link";
@@ -45,9 +55,7 @@ export function AppSidebar() {
       )}
     >
       <div className="p-4 border-b flex items-center justify-between">
-        {!isCollapsed && (
-          <h2 className="text-lg font-semibold">Leetcode Journal</h2>
-        )}
+        {!isCollapsed && <h2 className="text-lg font-semibold">Dashboard</h2>}
         <Button
           variant="ghost"
           size="icon"
@@ -77,7 +85,9 @@ export function AppSidebar() {
                     isCollapsed ? "justify-center" : "justify-start"
                   )}
                 >
-                  <item.icon className={cn("h-6 w-6", isCollapsed ? "" : "mr-4")} />
+                  <item.icon
+                    className={cn("h-6 w-6", isCollapsed ? "" : "mr-2")}
+                  />
                   {!isCollapsed && <span>{item.title}</span>}
                 </Link>
               </li>
@@ -86,9 +96,14 @@ export function AppSidebar() {
         </ul>
       </nav>
       <div className={cn("p-3 border-t")}>
-        <div className={cn("flex", isCollapsed ? "flex-col space-y-2" : "justify-between")}>
+        <div
+          className={cn(
+            "flex",
+            isCollapsed ? "flex-col space-y-2" : "justify-between"
+          )}
+        >
           <Button
-          className="rounded-full"
+            className="rounded-full"
             size="icon"
             onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
           >
@@ -104,4 +119,4 @@ export function AppSidebar() {
       </div>
     </aside>
   );
-}
+}
