migrated to next 14

DeCenter-AI · Feb 26, 2024 · ed49951 · ed49951
1 parent 849ada4
commit ed49951
Show file tree

Hide file tree

Showing 12 changed files with 186 additions and 154 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1,4 @@
 {
-  "solidity.compileUsingRemoteVersion": "v0.8.20+commit.a1b79de6"
+  "solidity.compileUsingRemoteVersion": "v0.8.20+commit.a1b79de6",
+  "cSpell.words": ["logirent", "rainbowkit"]
 }
diff --git a/config/app.ts b/config/app.ts
@@ -24,7 +24,6 @@ export const AppMetaData: Metadata = {
     { rel: 'apple-touch-icon', url: AppleTouchIcon.src },
   ],
   manifest: '/meta/site.webmanifest',
-  themeColor: '#ffffff',
   other: {
     'msapplication-TileColor': '#da532c',
   },

diff --git a/package.json b/package.json
@@ -35,7 +35,7 @@
     "framer-motion": "^10.16.4",
     "lokijs": "^1.5.12",
     "lucide-react": "^0.320.0",
-    "next": "13.4.19",
+    "next": "14.1.0",
     "next-sanity": "7",
     "pino-pretty": "^10.2.0",
     "postcss": "8.4.29",
@@ -44,7 +44,7 @@
     "react-icons": "^4.11.0",
     "react-intersection-observer": "^9.5.2",
     "react-spinners": "^0.13.8",
-    "sanity": "3",
+    "sanity": "^3.30.0",
     "styled-components": "^6.1.8",
     "tailwind-merge": "^2.2.1",
     "tailwindcss": "3.3.3",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/explorer/[slug]/page.tsx b/src/app/explorer/[slug]/page.tsx
@@ -47,8 +47,6 @@ export default function Page({ params }: { params: { slug: string } }) {
         // console.log(data)
         setData(data)
     }
-    console.log(data?.cat)
-
 
     useEffect(() => {
         fetchPosts()

diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,13 +1,17 @@
 import './globals.css'
-import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import { AppMetaData } from '@config/app'
 import '@rainbow-me/rainbowkit/styles.css'
-import Nav from '@/components/Nav'
-import Footer from '@/components/ui/footer'
 const inter = Inter({ subsets: ['latin'] })
 export const metadata = AppMetaData
 
+import type { Viewport } from 'next'
+
+//* This view port settings is based on next js 14
+export const viewport: Viewport = {
+  themeColor: '#fff',
+}
+
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">

diff --git a/src/components/ExplorerTab.tsx b/src/components/ExplorerTab.tsx
@@ -12,7 +12,7 @@ const ExplorerTab = () => {
   const [searchText, setSearchText] = useState<string>("")
 
   return (
-    <div className=" text-center py-6 flex flex-col items-center gap-6">
+    <div className=" text-center pb-6 flex flex-col items-center gap-6">
       <Search setSearchText={setSearchText} />
       <div className='relative w-full '>
         {/* <div className='absolute 2xl:hidden  top-14 left-5 lg:left-20 text-xs flex gap-2 items-center text-border cursor cursor-pointer font-semibold'> View all <FaAngleDown size={15} className="pt-1" /></div> */}

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -6,15 +6,16 @@ import Image from 'next/image'
 const Header = () => {
   return (
     <header
-      className="min-h-[400px] bg-center   bg-cover bg-no-repeat  ] relative"
+      className="min-h-[400px] bg-center   bg-cover bg-no-repeat   relative"
     >
 
       <Image
         src="/bg.png"
         alt="Decenter ai "
-        layout="fill"
-        objectFit="cover"
-        objectPosition="left"
+        width={1440}
+        height={275}
+        className='max-w-full max-h-full'
+
       />
       <div className=" absolute  bg-black/30  inset-0 text-center flex flex-col gap-6 pt-20 pb-8 mx-auto">
         <h1 className="text-primary_2 text-center text-3xl sm:text-4xl lg:text-5xl font-logirentBold ">

diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
-import logo from 'public/dec-logo.png'
+// import logo from '/dec-logo.png'
 import Image from 'next/image'
 import Link from 'next/link'
 const Nav = () => {
   return (
     <div className='w-[90%] md:w-[80%] mx-auto my-4'>
-      <Link href={"/"}><Image src={logo} alt="DecenterAi logo" /></Link>
+      <Link href={"/"}><Image src={"/dec-logo.png"} width={200} height={100} alt="DecenterAi logo" /></Link>
     </div>
   )
 }

diff --git a/src/components/ui/aiCard.tsx b/src/components/ui/aiCard.tsx
@@ -10,7 +10,7 @@ export default function AiCard({ detail }: { detail: any }) {
             <div className='max-w-[200px] h-[220px] flex flex-col border  px-6 py-4 rounded-3xl gap-3 border-primary_11 '>
                 <div className='h-[70%]'>
                     {/* @ts-ignore */}
-                    <Image className='min-h-full min-w-full' alt='' layout='intrinsic' priority width={154} height={144} src={urlFor(detail.mainImage).url()} />
+                    <Image className='min-h-full min-w-full' alt='' priority width={154} height={144} src={urlFor(detail.mainImage).url()} />
                 </div>
                 <div className='flex gap-2 flex-col h-[30%]  items-start'>
                     <div className=' '>

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -15,20 +19,44 @@
     "incremental": true,
     "plugins": [
       {
-        "name": "next",
-      },
+        "name": "next"
+      }
     ],
     "paths": {
-      "@/*": ["./src/*"],
-      "@Components/*": ["./src/components/*"],
-      "@Svg/*": ["./src/svg/*"],
-      "@public/*": ["./public/*"],
-      "@utils/*": ["./utils/*"],
-      "@enums/*": ["./enums/*"],
-      "@config/*": ["./config/*"],
-      "@abi/*": ["./src/abi/*"],
+      "@/*": [
+        "./src/*"
+      ],
+      "@Components/*": [
+        "./src/components/*"
+      ],
+      "@Svg/*": [
+        "./src/svg/*"
+      ],
+      "@public/*": [
+        "./public/*"
+      ],
+      "@utils/*": [
+        "./utils/*"
+      ],
+      "@enums/*": [
+        "./enums/*"
+      ],
+      "@config/*": [
+        "./config/*"
+      ],
+      "@abi/*": [
+        "./src/abi/*"
+      ]
     },
+    "forceConsistentCasingInFileNames": true
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }