Refactor/NS-24-improve-src-directory-structure (#60)

Skolaczk · web-flow · commit d4180c1f40fa · 2024-01-31T17:13:23.000+01:00
* refactor: add types directory

* refactor: improve components directory structure
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -4,7 +4,7 @@ import { PropsWithChildren } from 'react';
 import type { Metadata } from 'next';
 
 import { Footer } from '@/components/footer';
-import { Header } from '@/components/header';
+import { Navbar } from '@/components/navbar/navbar';
 import { ThemeProvider } from '@/components/theme-provider';
 import { siteConfig } from '@/lib/constant';
 import { fonts } from '@/lib/fonts';
@@ -49,7 +49,7 @@ const RootLayout = ({ children }: PropsWithChildren) => {
     <html lang="en" suppressHydrationWarning>
       <body className={cn('min-h-screen font-sans', fonts)}>
         <ThemeProvider attribute="class">
-          <Header />
+          <Navbar />
           {children}
           <Footer />
         </ThemeProvider>
diff --git a/src/components/navbar/navbar.tsx b/src/components/navbar/navbar.tsx
@@ -2,11 +2,11 @@ import Link from 'next/link';
 import { getServerSession } from 'next-auth';
 
 import { authOptions } from '@/app/api/auth/[...nextauth]/auth-options';
-import { SignInButton } from '@/components/sign-in-button';
-import { ThemeToggle } from '@/components/theme-toggle';
-import { UserDropdown } from '@/components/user-dropdown';
+import { SignInButton } from '@/components/navbar/sign-in-button';
+import { ThemeToggle } from '@/components/navbar/theme-toggle';
+import { UserDropdown } from '@/components/navbar/user-dropdown';
 
-export const Header = async () => {
+export const Navbar = async () => {
   const session = await getServerSession(authOptions);
 
   return (
diff --git a/src/components/navbar/sign-in-button.tsx b/src/components/navbar/sign-in-button.tsx
diff --git a/src/components/navbar/theme-toggle.tsx b/src/components/navbar/theme-toggle.tsx
diff --git a/src/components/navbar/user-dropdown.tsx b/src/components/navbar/user-dropdown.tsx
@@ -17,6 +17,7 @@ export const UserDropdown = ({ session }: { session: Session }) => {
     <DropdownMenu>
       <DropdownMenuTrigger>
         <Image
+          className="overflow-hidden rounded-full"
           src={`${session.user?.image}`}
           alt={`${session.user?.name}`}
           width={32}
diff --git a/src/types/user.ts b/src/types/user.ts
@@ -0,0 +1,6 @@
+export type TUser = {
+  id: string;
+  email: string;
+  name: string;
+  image: string;
+};
