From 84565180d6c4f6862ab3a9cfd6be263ee2378269 Mon Sep 17 00:00:00 2001
From: Adedamola <olutokeezekiel18@gmail.com>
Date: Mon, 8 Apr 2024 20:14:30 +0100
Subject: [PATCH] optimize app performance

---
 src/app/dashboard/page.tsx                      | 2 ++
 src/app/dashboard/raffles/[raffle]/page.tsx     | 1 +
 src/components/dashboard/IQButton.tsx           | 2 +-
 src/components/dashboard/layout.tsx             | 2 +-
 src/components/dashboard/sidebar-item.tsx       | 2 +-
 src/components/dashboard/sidebar.tsx            | 2 +-
 src/components/gauges/brainyStakingElements.tsx | 7 ++++++-
 src/components/gauges/mint.tsx                  | 1 +
 8 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 65e7b62c..b8a70c5e 100644
--- 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
index 73c6d0c4..51ac8947 100644
--- 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
index 399a6ddf..2227e990 100644
--- 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
index 00139606..634767cc 100644
--- 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
index 2995d0ca..7d951ffc 100644
--- 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
index ecdadeff..801b9ec3 100644
--- 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
index 9d00e4e1..1927ea8a 100644
--- 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
index eb8737dc..b496fef8 100644
--- 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">