Merge pull request #248 from EveripediaNetwork/optimize-performance

Improvement of the app performance
EveripediaNetwork · Apr 10, 2024 · 7fba84d · 7fba84d
2 parents 26a2795 + 8456518
commit 7fba84d
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 5 deletions.
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
@@ -84,6 +84,7 @@ const Home: NextPage = () => {
   const graphData = prices?.[value]
   const isFetchedData = useRef(false)
   const { tvl } = useErc20()
+
   const { totalHiiqSupply } = useLockOverview()
   const [holders, setHolders] = useState<ChartDataType[]>([])
   const [colorData, setColorData] = useState<ChartConstantNonTreasury>({})
@@ -209,6 +210,7 @@ const Home: NextPage = () => {
             governance proposals, and more all through the IQ Dashboard.
           </Text>
         </Stack>
+
         <BraindaoLogo3
           mx={{ base: 'auto', lg: 'none' }}
           h={{ base: '72px', lg: '8.125em' }}

diff --git a/src/app/dashboard/raffles/[raffle]/page.tsx b/src/app/dashboard/raffles/[raffle]/page.tsx
@@ -123,6 +123,7 @@ const RafflePage = ({ params }: { params: { raffle: string } }) => {
                 width="full"
                 height="175px"
                 fit="cover"
+                alt="raffle image"
               />
             </Box>
             <chakra.div

diff --git a/src/components/dashboard/IQButton.tsx b/src/components/dashboard/IQButton.tsx
@@ -41,7 +41,7 @@ export const IQButton = (props: ButtonProps) => {
               src="/images/braindao-logo-4.svg"
               alt="IQ"
               width={25}
-              height={21}
+              height="21"
             />
             {error ? (
               <>Oh no, there was an error</>

diff --git a/src/components/dashboard/layout.tsx b/src/components/dashboard/layout.tsx
@@ -116,7 +116,7 @@ export const DashboardLayout = (props: DashboardLayoutProps) => {
               display={{ base: 'flex', md: 'none' }}
             >
               <Link href="/">
-                <Image src={`/images/${logoSrc}`} />
+                <Image src={`/images/${logoSrc}`} alt="braindao logo" />
               </Link>
             </Flex>
           </chakra.div>

diff --git a/src/components/dashboard/sidebar-item.tsx b/src/components/dashboard/sidebar-item.tsx
@@ -36,7 +36,7 @@ export const SidebarItem = (props: SidebarItemProps) => {
         role="group"
       >
         {typeof item.icon === 'string' ? (
-          <Image src={item.icon} boxSize="6" />
+          <Image src={item.icon} boxSize="6" alt="icon" />
         ) : (
           <Icon as={item.icon} boxSize="6" />
         )}

diff --git a/src/components/dashboard/sidebar.tsx b/src/components/dashboard/sidebar.tsx
@@ -34,7 +34,7 @@ export const Sidebar = (props: SidebarProps) => {
         borderColor={{ base: 'divider', md: 'transparent' }}
       >
         <Link href="https://braindao.org/" target="_blank" mx="auto">
-          <Image src={`/images/${logoSrc}`} />
+          <Image src={`/images/${logoSrc}`} alt="braindao logo" />
         </Link>
         <IQButton ml="auto" gap={1} display={{ md: 'none' }} />
         <LanguageSwitch display={{ md: 'none' }} />

diff --git a/src/components/gauges/brainyStakingElements.tsx b/src/components/gauges/brainyStakingElements.tsx
@@ -46,7 +46,12 @@ export const NftImage = ({
       borderColor="divider"
       px={2}
     >
-      <Image src={nftURI} borderRadius="12px" fallbackSrc={fallbackImage} />
+      <Image
+        src={nftURI}
+        borderRadius="12px"
+        fallbackSrc={fallbackImage}
+        alt="nft image"
+      />
       <Box w="full" px={{ base: 0 }} py={2}>
         <Input
           onChange={action}

diff --git a/src/components/gauges/mint.tsx b/src/components/gauges/mint.tsx
@@ -74,6 +74,7 @@ const Mint = () => {
           <Image
             borderRadius="12px"
             fallbackSrc="/images/brainy-nft-image.png"
+            alt="nft image"
           />
           <Box mt="6">
             <Flex mb={6} direction="row" justifyContent="space-between">