added style to the share work button

jasondev01 · Sep 10, 2023 · 9af5bca · 9af5bca
1 parent 2e9d8e7
commit 9af5bca
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 37 deletions.
diff --git a/components/LoadMore.tsx b/components/LoadMore.tsx
@@ -1,7 +1,8 @@
-'use client'
+"use client";
 
-import { useRouter } from 'next/navigation'
-import Button from './Button'
+import { useRouter } from "next/navigation";
+
+import Button from "./Button";
 
 type Props = {
     startCursor: string
@@ -13,41 +14,37 @@ type Props = {
 const LoadMore = ({ startCursor, endCursor, hasPreviousPage, hasNextPage }: Props) => {
     const router = useRouter();
 
-    const handleNavigation = (direction: string) => {
-        const currentParams = new URLSearchParams(window.location.search)
-
-        if(direction === 'next' && hasNextPage) {
-            currentParams.delete('startcursor')
-            currentParams.set('endcursor', endCursor)
-        } else if (direction === 'first' && hasPreviousPage) {
-            currentParams.delete('endcursor')
-            currentParams.delete('startcursor', startCursor)
+    const handleNavigation = (type: string) => {
+        const currentParams = new URLSearchParams(window.location.search);
+        
+        if (type === "prev" && hasPreviousPage) {
+            currentParams.delete("endcursor");
+            currentParams.set("startcursor", startCursor);
+        } else if (type === "next" && hasNextPage) {
+            currentParams.delete("startcursor");
+            currentParams.set("endcursor", endCursor);
         }
-
+    
         const newSearchParams = currentParams.toString();
-        const newPathname = `${window.location.pathname}?${newSearchParams}`
-
-        router.push(newPathname)
-    }
+        const newPathname = `${window.location.pathname}?${newSearchParams}`;
+    
+        router.push(newPathname);
+    };
 
     return (
-        <div className='flexCenter w-full gap-5 mt-10'>
-        {
-            hasPreviousPage &&
-            <Button 
-                title='First Page'
-                handleClick={() => handleNavigation('first')}
-            />
-        }
-        {
-            hasNextPage &&
-            <Button 
-                title='Next Page'
-                handleClick={() => handleNavigation('next')}
-            />
-        }
+        <div className="w-full flexCenter gap-5 mt-10">
+            {
+                hasPreviousPage && (
+                    <Button title="First Page" handleClick={() => handleNavigation('prev')} />
+                )
+            }
+            {
+                hasNextPage && (
+                    <Button title="Next Shots" handleClick={() => handleNavigation('next')} />
+                )
+            }
         </div>
-    )
-}
+    );
+};
 
-export default LoadMore
+export default LoadMore;
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -4,6 +4,7 @@ import Link from 'next/link'
 import AuthProviders from './AuthProviders'
 import { getCurrentUser } from '@/lib/session'
 import ProfileMenu from './ProfileMenu'
+import Button from './Button'
 
 const Navbar = async () => {
     const session = await getCurrentUser()
@@ -39,8 +40,10 @@ const Navbar = async () => {
                             session={session}
                          />
 
-                        <Link href='/create-project'>
-                            Share Work
+                        <Link href='/create-project' className=''>
+                            <Button 
+                                title='Share Work'
+                            />
                         </Link>
                     </>
                 ) : (