feat: rhea deploy

.eslintrc.js

@@ -69,6 +69,7 @@ module.exports = {
     "@typescript-eslint/no-inferrable-types": ["off"],
     "no-underscore-dangle": "off",
     "react/no-unused-prop-types": "off",
+    "jsx-a11y/no-noninteractive-element-interactions": "off",
   },
   settings: {
     react: {

components/Header/index.tsx

@@ -1,7 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { useTheme, Box, Snackbar, Typography } from "@mui/material";
 import { useRouter } from "next/router";
-import Image from "next/image";
 import Link from "next/link";
 import LogoIcon from "../../public/logo.svg";
 import BrrrIcon from "../../public/brrr.svg";
@@ -128,8 +127,8 @@ const Header = () => {
           >
             {/* <span className=" transform"><LogoIcon /></span> */}
             {/* <img src="/public/logo.svg" width={30} height={30} /> */}
-            <Image
-              src="/Rhea-logo.png"
+            <img
+              src="/rheaLogo.png"
               width={80}
               height={30}
               alt=""

pages/_app.tsx

@@ -127,7 +127,7 @@ function Upgrade({ Component, pageProps }) {
     <div>
       {upgrading ? (
         <div className="flex flex-col items-center justify-center  h-screen">
-          <img src="/loading-brrr.gif" alt="" width="75px" />
+          <img src="/favicon.png" alt="" width="75px" />
           <span className="flex items-center text-sm text-gray-300 mt-2">
             Refreshing assets data...
           </span>

screens/Market/index.tsx

@@ -32,7 +32,7 @@ const Market = () => {
       />
       {loading ? (
         <div className="flex flex-col items-center mt-24">
-          <img src="/loading-brrr.gif" alt="" width="75px" />
+          <img src="/favicon.png" alt="" width="75px" />
           <span className="flex items-center text-sm text-gray-300 mt-2">Loading data...</span>
         </div>
       ) : null}