Merge pull request #91 from Huilensolis/83-refactor-app-layout-must-l…

…ook-less-like-twitter-and-more-like-pinterest

83 refactor app layout must look less like twitter and more like pinterest

package.json

@@ -22,7 +22,6 @@
     "react-dom": "^18",
     "react-hook-form": "^7.48.2",
     "react-share": "^5.0.3",
-    "react-toastify": "^10.0.4",
     "zod": "^3.22.4",
     "zustand": "^4.4.7"
   },

src/app/(site)/app/components/left-aside/index.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import Link from "next/link";
-import { usePathname } from "next/navigation";
 import { LinkIcon } from "lucide-react";
 import { useUserProfile } from "@/hooks/use-user-profile";
 import { Database } from "@/supabase/types";

src/app/(site)/app/layout.tsx

@@ -1,13 +1,12 @@
 import { SyncTheme } from "@/components/feature/syncTheme";
 import { ReactNode } from "react";
 import { AppLeftAside } from "./components/left-aside";
-import { AppRightAside } from "./components/right-aside";
 import { MobileNavMenu } from "./components/mobile-nav";
 
 export default function AppLayout({ children }: { children: ReactNode }) {
   return (
     <div className="flex justify-center items-center w-full h-full min-h-screen bg-neutral-200 dark:bg-cm-darker-gray md:pb-0 pb-20">
-      <div className="min-h-screen w-full flex justify-center items-start max-w-[1400px] relative">
+      <div className="min-h-screen w-full flex justify-center items-start max-w-[1300px] relative">
         <div className="md:flex hidden sticky top-0 left-0 w-full max-w-[300px] h-full min-h-screen">
           <AppLeftAside />
         </div>
@@ -17,9 +16,6 @@ export default function AppLayout({ children }: { children: ReactNode }) {
         <div className="h-full w-full min-h-screen border-x border-neutral-300 dark:border-cm-lighter-gray">
           {children}
         </div>
-        <div className="w-full h-full max-w-sm hidden xl:flex">
-          <AppRightAside />
-        </div>
         <SyncTheme />
       </div>
     </div>

src/app/(site)/app/models/nav-links/index.ts

@@ -1,4 +1,10 @@
-import { HomeIcon, SearchIcon, SettingsIcon, StarIcon } from "lucide-react";
+import {
+  HomeIcon,
+  PlusSquare,
+  SearchIcon,
+  SettingsIcon,
+  StarIcon,
+} from "lucide-react";
 import { ILink } from "./nav-links.models";
 
 // each navLink must start with '/'
@@ -18,6 +24,11 @@ export const NAV_LINKS: ILink[] = [
     href: "/app/pins",
     icon: StarIcon,
   },
+  {
+    title: "New Post",
+    href: "/app/post/new",
+    icon: PlusSquare,
+  },
   {
     title: "Configuration",
     href: "/app/settings",