Update next

cprussin · cprussin · commit dec082052318 · 2024-06-10T16:07:33.000-07:00
diff --git a/governance/xc_admin/packages/xc_admin_frontend/components/common/SocialLinks.tsx b/governance/xc_admin/packages/xc_admin_frontend/components/common/SocialLinks.tsx
@@ -9,35 +9,43 @@ import Youtube from '@images/icons/youtube.inline.svg'
 const SocialLinks = () => {
   return (
     <div className="flex items-center">
-      <Link href="https://twitter.com/PythNetwork">
-        <a target="_blank" className="mr-6">
-          <Twitter />
-        </a>
+      <Link
+        href="https://twitter.com/PythNetwork"
+        target="_blank"
+        className="mr-6"
+      >
+        <Twitter />
       </Link>
-      <Link href="https://discord.gg/invite/PythNetwork">
-        <a target="_blank" className="mr-6">
-          <Discord />
-        </a>
+      <Link
+        href="https://discord.gg/invite/PythNetwork"
+        target="_blank"
+        className="mr-6"
+      >
+        <Discord />
       </Link>
-      <Link href="https://t.me/Pyth_Network">
-        <a target="_blank" className="mr-6">
-          <Telegram />
-        </a>
+      <Link href="https://t.me/Pyth_Network" target="_blank" className="mr-6">
+        <Telegram />
       </Link>
-      <Link href="https://www.linkedin.com/company/pyth-network">
-        <a target="_blank" className="mr-6">
-          <LinkedIn />
-        </a>
+      <Link
+        href="https://www.linkedin.com/company/pyth-network"
+        target="_blank"
+        className="mr-6"
+      >
+        <LinkedIn />
       </Link>
-      <Link href="https://github.com/pyth-network">
-        <a target="_blank" className="mr-6">
-          <Github />
-        </a>
+      <Link
+        href="https://github.com/pyth-network"
+        target="_blank"
+        className="mr-6"
+      >
+        <Github />
       </Link>
-      <Link href="https://www.youtube.com/@pythnetwork">
-        <a target="_blank" className="">
-          <Youtube />
-        </a>
+      <Link
+        href="https://www.youtube.com/@pythnetwork"
+        target="_blank"
+        className=""
+      >
+        <Youtube />
       </Link>
     </div>
   )
diff --git a/governance/xc_admin/packages/xc_admin_frontend/components/layout/Footer.tsx b/governance/xc_admin/packages/xc_admin_frontend/components/layout/Footer.tsx
@@ -9,8 +9,8 @@ const Footer = () => {
           © 2024 Pyth Data Association
         </span>
         <div className="py-10 lg:py-0">
-          <Link href="https://pyth.network/">
-            <a target="_blank">Pyth Network</a>
+          <Link href="https://pyth.network/" target="_blank">
+            Pyth Network
           </Link>{' '}
         </div>
         <SocialLinks />
diff --git a/governance/xc_admin/packages/xc_admin_frontend/components/layout/Header.tsx b/governance/xc_admin/packages/xc_admin_frontend/components/layout/Header.tsx
@@ -73,21 +73,20 @@ const Header = () => {
     <>
       <header
         className={`left-0 top-0 z-40 w-full px-1 transition-all lg:px-10
-        ${isSticky || headerState.opened ? 'fixed' : 'absolute'}
-        ${isSticky && !headerState.opened ? 'bg-darkGray shadow-black' : ''}
-        `}
+      ${isSticky || headerState.opened ? 'fixed' : 'absolute'}
+      ${isSticky && !headerState.opened ? 'bg-darkGray shadow-black' : ''}
+      `}
       >
         <div
           className={`relative flex items-center justify-between ${
             isSticky ? 'lg:py-4' : 'before:gradient-border md:py-6'
           } px-4 py-3 lg:px-10 lg:py-6`}
         >
-          <Link href="/">
-            <a
-              className={`flex min-h-[45px] basis-[180px] cursor-pointer items-center`}
-            >
-              <Pyth />
-            </a>
+          <Link
+            href="/"
+            className={`flex min-h-[45px] basis-[180px] cursor-pointer items-center`}
+          >
+            <Pyth />
           </Link>
           <nav>
             <ul
@@ -97,16 +96,15 @@ const Header = () => {
             >
               {navigation.map((item) => (
                 <li key={item.name}>
-                  <Link href={item.href}>
-                    <a
-                      className={
-                        router.pathname == item.href
-                          ? 'nav-link font-bold'
-                          : 'nav-link'
-                      }
-                    >
-                      {item.name}
-                    </a>
+                  <Link
+                    href={item.href}
+                    className={
+                      router.pathname == item.href
+                        ? 'nav-link font-bold'
+                        : 'nav-link'
+                    }
+                  >
+                    {item.name}
                   </Link>
                 </li>
               ))}
@@ -124,7 +122,7 @@ const Header = () => {
                   ? 'relative top-0 right-5 left-0 basis-7'
                   : 'lg:hidden'
               }
-              `}
+            `}
               onClick={handleToggleMenu}
             >
               <button
diff --git a/governance/xc_admin/packages/xc_admin_frontend/components/layout/MobileMenu.tsx b/governance/xc_admin/packages/xc_admin_frontend/components/layout/MobileMenu.tsx
@@ -59,25 +59,22 @@ const MobileMenu = ({ headerState }: MenuProps) => {
         <Image
           src={orb}
           alt=""
-          layout="fill"
-          objectFit="cover"
-          objectPosition="bottom center"
+          className="w-full h-full object-cover object-bottom"
         />
         <div className="sm:after:gradient-border relative flex px-14 pt-16 sm:flex-1 sm:items-center md:px-28 ">
           <div className="grid w-full sm:grid-cols-2">
             <ul className="list-none pt-5 sm:pt-10">
               {navigation.map((item) => (
                 <li key={item.name} className="mb-5 sm:mb-10">
-                  <Link href={item.href}>
-                    <a
-                      target={item.target}
-                      className=" inline-block font-body  text-4xl leading-none tracking-wide transition-colors hover:text-white"
-                      aria-current={
-                        router.pathname === item.href ? 'page' : undefined
-                      }
-                    >
-                      {item.name}
-                    </a>
+                  <Link
+                    href={item.href}
+                    target={item.target}
+                    className=" inline-block font-body  text-4xl leading-none tracking-wide transition-colors hover:text-white"
+                    aria-current={
+                      router.pathname === item.href ? 'page' : undefined
+                    }
+                  >
+                    {item.name}
                   </Link>
                 </li>
               ))}
diff --git a/governance/xc_admin/packages/xc_admin_frontend/next.config.js b/governance/xc_admin/packages/xc_admin_frontend/next.config.js
@@ -10,7 +10,7 @@ const nextConfig = {
     config.experiments = { asyncWebAssembly: true }
     config.resolve.fallback = { fs: false }
     const fileLoaderRule = config.module.rules.find(
-      (rule) => rule.test && rule.test.test('.svg')
+      (rule) => rule.test && rule.test?.test?.('.svg')
     )
     fileLoaderRule.exclude = /\.inline\.svg$/
     config.module.rules.push({
diff --git a/governance/xc_admin/packages/xc_admin_frontend/package.json b/governance/xc_admin/packages/xc_admin_frontend/package.json
@@ -24,27 +24,27 @@
     "@solana/web3.js": "^1.73.0",
     "@sqds/mesh": "^1.0.6",
     "@tanstack/react-table": "^8.7.6",
-    "@types/node": "^18.11.18",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.10",
     "axios": "^1.4.0",
     "copy-to-clipboard": "^3.3.3",
     "gsap": "^3.11.4",
     "message_buffer": "workspace:^",
-    "next": "12.2.5",
+    "next": "^14.2.3",
     "next-seo": "^5.15.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-hot-toast": "^2.4.0",
     "use-debounce": "^9.0.2",
     "web3": "^4.8.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^6.3.1",
+    "@types/node": "^18.11.18",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.7.0",
     "autoprefixer": "^10.4.8",
     "eslint": "8.56.0",
-    "eslint-config-next": "^12.2.5",
+    "eslint-config-next": "^14.2.3",
     "postcss": "^8.4.16",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.13",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ const nextConfig = {`
`10`	`10`	`config.experiments = { asyncWebAssembly: true }`
`11`	`11`	`config.resolve.fallback = { fs: false }`
`12`	`12`	`const fileLoaderRule = config.module.rules.find(`
`13`		`- (rule) => rule.test && rule.test.test('.svg')`
	`13`	`+ (rule) => rule.test && rule.test?.test?.('.svg')`
`14`	`14`	`)`
`15`	`15`	`fileLoaderRule.exclude = /\.inline\.svg$/`
`16`	`16`	`config.module.rules.push({`