Restored to 'ffbd4f2d0d7df3c4274d11ef5cf1416054e003c6'

Replit-Restored-To:ffbd4f2d0d7df3c4274d11ef5cf1416054e003c6

Author: harshitnagar031

client/src/App.tsx

@@ -5,41 +5,30 @@ import { Toaster } from "@/components/ui/toaster";
 import Home from "@/pages/home";
 import CalendarView from "@/pages/calendar-view";
 import MeView from "@/pages/me-view";
-import { ListTodo, Calendar, User, Plus } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { ListTodo, Calendar, User } from "lucide-react";
 
 function Navigation() {
   const [location] = useLocation();
 
   return (
-    <nav className="fixed bottom-0 left-0 right-0 bg-background border-t py-3 shadow-lg">
-      <div className="container max-w-5xl mx-auto flex justify-around items-center relative">
+    <nav className="fixed bottom-0 left-0 right-0 bg-background border-t py-2">
+      <div className="container max-w-5xl mx-auto flex justify-around items-center">
         <Link href="/">
-          <a className={`flex flex-col items-center gap-1.5 min-w-[64px] ${location === "/" ? "text-primary" : "text-muted-foreground"}`}>
-            <ListTodo className="h-6 w-6" />
-            <span className="text-xs font-medium">Tasks</span>
+          <a className={`flex flex-col items-center gap-1 ${location === "/" ? "text-primary" : "text-muted-foreground"}`}>
+            <ListTodo className="h-5 w-5" />
+            <span className="text-xs">Tasks</span>
           </a>
         </Link>
         <Link href="/calendar">
-          <a className={`flex flex-col items-center gap-1.5 min-w-[64px] ${location === "/calendar" ? "text-primary" : "text-muted-foreground"}`}>
-            <Calendar className="h-6 w-6" />
-            <span className="text-xs font-medium">Calendar</span>
+          <a className={`flex flex-col items-center gap-1 ${location === "/calendar" ? "text-primary" : "text-muted-foreground"}`}>
+            <Calendar className="h-5 w-5" />
+            <span className="text-xs">Calendar</span>
           </a>
         </Link>
-
-        {/* Floating Action Button for adding tasks */}
-        <Button 
-          size="icon" 
-          className="absolute -top-6 left-1/2 -translate-x-1/2 h-12 w-12 rounded-full shadow-lg"
-        >
-          <Plus className="h-6 w-6" />
-          <span className="sr-only">Add Task</span>
-        </Button>
-
         <Link href="/me">
-          <a className={`flex flex-col items-center gap-1.5 min-w-[64px] ${location === "/me" ? "text-primary" : "text-muted-foreground"}`}>
-            <User className="h-6 w-6" />
-            <span className="text-xs font-medium">Me</span>
+          <a className={`flex flex-col items-center gap-1 ${location === "/me" ? "text-primary" : "text-muted-foreground"}`}>
+            <User className="h-5 w-5" />
+            <span className="text-xs">Me</span>
           </a>
         </Link>
       </div>
@@ -49,15 +38,15 @@ function Navigation() {
 
 function Router() {
   return (
-    <div className="min-h-screen bg-background pb-20">
-      <header className="py-4 px-4 border-b bg-background/80 backdrop-blur-sm fixed top-0 left-0 right-0 z-10">
+    <div className="min-h-screen bg-background pb-16">
+      <header className="py-6 px-4 border-b">
         <div className="container max-w-5xl mx-auto flex justify-center items-center">
-          <h1 className="text-2xl font-bold bg-gradient-to-r from-primary to-primary/70 bg-clip-text text-transparent animate-in fade-in slide-in-from-bottom-4 duration-1000">
+          <h1 className="text-3xl font-bold bg-gradient-to-r from-primary to-primary/70 bg-clip-text text-transparent animate-in fade-in slide-in-from-bottom-4 duration-1000">
             TaskByte
           </h1>
         </div>
       </header>
-      <main className="container max-w-5xl mx-auto px-4 pt-16">
+      <main className="container max-w-5xl mx-auto px-4">
         <Switch>
           <Route path="/" component={Home} />
           <Route path="/calendar" component={CalendarView} />

client/src/components/ui/drawer.tsx

@@ -41,7 +41,7 @@ const DrawerContent = React.forwardRef<
     <DrawerPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-[85vh] flex-col rounded-t-[20px] border bg-background touch-pan-y",
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
         className
       )}
       {...props}
@@ -69,7 +69,7 @@ const DrawerFooter = ({
   ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
-    className={cn("mt-auto flex flex-col gap-2 p-4 pb-8", className)}
+    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
     {...props}
   />
 )
@@ -113,4 +113,4 @@ export {
   DrawerFooter,
   DrawerTitle,
   DrawerDescription,
-}
+}

client/src/hooks/use-theme.ts

@@ -1,54 +1,10 @@
 import { TaskProgress } from "@/components/task-progress";
-import { Button } from "@/components/ui/button";
-import { Moon, Sun, Laptop } from "lucide-react";
-import { useTheme } from "@/hooks/use-theme";
 
 export default function MeView() {
-  const { theme, setTheme } = useTheme();
-
   return (
     <div className="space-y-8">
-      <section className="space-y-4">
-        <h2 className="text-2xl font-semibold">My Progress</h2>
-        <TaskProgress />
-      </section>
-
-      <section className="space-y-4">
-        <h2 className="text-2xl font-semibold">Appearance</h2>
-        <div className="flex flex-wrap gap-4">
-          <Button
-            variant={theme === 'light' ? 'default' : 'outline'}
-            onClick={() => setTheme('light')}
-            className="flex-1"
-          >
-            <Sun className="mr-2 h-4 w-4" />
-            Light
-          </Button>
-          <Button
-            variant={theme === 'dark' ? 'default' : 'outline'}
-            onClick={() => setTheme('dark')}
-            className="flex-1"
-          >
-            <Moon className="mr-2 h-4 w-4" />
-            Dark
-          </Button>
-          <Button
-            variant={theme === 'system' ? 'default' : 'outline'}
-            onClick={() => setTheme('system')}
-            className="flex-1"
-          >
-            <Laptop className="mr-2 h-4 w-4" />
-            System
-          </Button>
-        </div>
-      </section>
-
-      <section className="space-y-4">
-        <h2 className="text-2xl font-semibold">About TaskByte</h2>
-        <p className="text-muted-foreground">
-          Version 1.0.0
-        </p>
-      </section>
+      <h2 className="text-2xl font-semibold">Me</h2>
+      <TaskProgress />
     </div>
   );
-}
+}