Merge pull request #47 from me-imfhd/fix/more-fixes

fix: npm run dev working
One-Click-Auth · Nov 15, 2023 · f97aa9e · f97aa9e
2 parents 8c8d18f + 0cd2ecb
commit f97aa9e
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 22 deletions.
diff --git a/next.config.js b/next.config.js
@@ -1,19 +1,28 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
-  async headers () {
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "github.com",
+        pathname: "/shadcn.png",
+      },
+    ],
+  },
+  async headers() {
     return [
       {
-        source: '/(.*)',
+        source: "/(.*)",
         headers: [
           {
-            key: 'Cache-Control',
-            value: 'public, max-age=2592000'
-          }
-        ]
-      }
-    ]
-  }
-}
+            key: "Cache-Control",
+            value: "public, max-age=2592000",
+          },
+        ],
+      },
+    ];
+  },
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,7 +10,6 @@
   },
   "dependencies": {
     "@mantine/hooks": "^7.0.2",
-    "@next/font": "^13.5.4",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-tooltip": "^1.0.7",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -23,7 +23,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en" className={inter.className}>
+    <html lang="en" className={inter.className} suppressHydrationWarning>
       <head>
         <title>{`${metadata.title}`}</title>
         <meta name="description" content={`${metadata.description}`} />.

diff --git a/src/components/Dropdown.tsx b/src/components/Dropdown.tsx
@@ -15,10 +15,10 @@ export function AccountDropdown() {
     <div>
       <div className=" showcase-9-dropdown-shadow mt-2 w-96 max-w-[80vw] cursor-pointer overflow-hidden rounded-2xl bg-white py-6">
         <div className="sticky top-0 flex items-center gap-1 bg-white px-6 pb-4">
-          <Image
+          <img
             src="https://github.com/shadcn.png"
-            className="h-10 w-10 rounded-full"
             alt="@shadcn"
+            className="h-10 w-10 rounded-full"
           />
 
           <div className="ml-2">
@@ -168,7 +168,7 @@ function TrustAuthXLogo() {
           gradientTransform="translate(30.9017 29.8005) rotate(-90.0445) scale(29.9638)"
         >
           <stop offset="0.220303" />
-          <stop offset="0.995966" stopOpacity ="0" />
+          <stop offset="0.995966" stopOpacity="0" />
         </radialGradient>
       </defs>
     </svg>

diff --git a/src/components/Showcase.tsx b/src/components/Showcase.tsx
@@ -111,6 +111,8 @@ const isMobile = useMediaQuery("(max-width: 768px)");
               <Image
                 src="/showcase/2.png"
                 alt=""
+                width={1000}
+                height={1000}
                 className="absolute  bottom-0 left-0  w-full bg-cover"
               />
             </div>
@@ -179,11 +181,15 @@ const isMobile = useMediaQuery("(max-width: 768px)");
               <Image
                 src="/showcase/4.png"
                 alt=""
+                width={1000}
+                height={1000}
                 className="absolute -left-10 bottom-0 bg-cover"
               />
               <Image
                 src="/showcase/4-2.png"
                 alt=""
+                width={1000}
+                height={1000}
                 className="absolute bottom-0 right-20 bg-cover"
               />
             </div>
@@ -324,23 +330,31 @@ const isMobile = useMediaQuery("(max-width: 768px)");
               src="/showcase/code-section/cone.svg"
               className="absolute bottom-[40%] left-0 "
               alt=""
+              width={1000}
+              height={1000}
             />
             <Image
               src="/showcase/code-section/circle-1.svg"
               className="absolute bottom-0 left-0 "
               alt=""
+              width={1000}
+              height={1000}
             />
 
             <Image
               src="/showcase/code-section/circle-2.svg"
               className="absolute bottom-28 left-20 "
               alt=""
+              width={1000}
+              height={1000}
             />
 
             <Image
               src="/showcase/code-section/circle-3.svg"
               className="absolute right-0 top-1/2 -translate-y-1/2 "
               alt=""
+              width={1000}
+              height={1000}
             />
           </ShowcaseCard>
         </div>
@@ -489,6 +503,8 @@ const isMobile = useMediaQuery("(max-width: 768px)");
               <Image
                 src="/showcase/9.svg"
                 alt=""
+                width={1000}
+                height={1000}
                 className="absolute -bottom-8   left-0   w-full max-w-[95%] bg-cover"
               />
             </div>