Merge pull request #14 from udohjeremiah/dev

Fix: styling issues
udohjeremiah · Mar 14, 2024 · 8deafca · 8deafca
2 parents 318012a + 4c3af96
commit 8deafca
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 22 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -2,7 +2,6 @@
 const nextConfig = {
   async redirects() {
     return [
-      // Basic redirect
       {
         source: "/",
         destination: "/gallery",

diff --git a/src/app/(home)/layout.tsx b/src/app/(home)/layout.tsx
@@ -30,14 +30,14 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
-      <body
-        className={cn(
-          inter.className,
-          "flex min-h-dvh max-w-[100dvw] flex-col overflow-x-hidden antialiased",
-        )}
-      >
-        <ClerkProvider>
+    <ClerkProvider>
+      <html lang="en">
+        <body
+          className={cn(
+            inter.className,
+            "flex min-h-dvh max-w-[100dvw] flex-col overflow-x-hidden antialiased",
+          )}
+        >
           <ThemeProvider
             attribute="class"
             defaultTheme="system"
@@ -52,8 +52,8 @@ export default function RootLayout({
             <Footer />
             <Toaster />
           </ThemeProvider>
-        </ClerkProvider>
-      </body>
-    </html>
+        </body>
+      </html>
+    </ClerkProvider>
   );
 }
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
@@ -1,10 +1,3 @@
-// Lib
-import { cn } from "@/lib/utils";
-
 export default function Home() {
-  return (
-    <div
-      className={cn("min-h-[calc(100vh-7.2rem)] w-full", "lg:border-l")}
-    ></div>
-  );
+  return <></>;
 }
diff --git a/src/components/DisplayImages.tsx b/src/components/DisplayImages.tsx
@@ -8,7 +8,8 @@ import { useRouter } from "next/navigation";
 import Link from "next/link";
 
 // Dependencies
-import { EyeIcon, HeartIcon, Share2Icon } from "lucide-react";
+import { HeartFilledIcon } from "@radix-ui/react-icons";
+import { EyeIcon, Share2Icon } from "lucide-react";
 import { CldImage } from "next-cloudinary";
 import { toast } from "sonner";
 
@@ -79,7 +80,7 @@ export default function DisplayImages({ images }: { images: ImageProps[] }) {
                 router.refresh();
               }}
             >
-              <HeartIcon
+              <HeartFilledIcon
                 className={cn(
                   "h-4 w-4",
                   "hover:text-red-500",