Update Scroll to top button (#1892)

* Update Scroll to top button * Rearange scroll to top image attributes --------- Co-authored-by: ani-kalpachka <[email protected]>
podkrepi-bg · Aug 20, 2024 · 2df7862 · 2df7862
1 parent e80b677
commit 2df7862
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/public/scroll-to-top-icon.svg b/public/scroll-to-top-icon.svg
diff --git a/src/components/client/layout/ScrollToTop.tsx b/src/components/client/layout/ScrollToTop.tsx
@@ -1,11 +1,14 @@
 import React, { useEffect, useState } from 'react'
 
-import { ArrowCircleUp } from '@mui/icons-material'
+import Image from 'next/image'
+
 import { Box } from '@mui/material'
 
 import theme from 'common/theme'
 
 const ScrollToTop = () => {
+  const scrollToTopButtonPath = '/scroll-to-top-icon.svg'
+
   const [isVisible, setIsVisible] = useState(false)
 
   const toggleVisibility = () => {
@@ -39,13 +42,7 @@ const ScrollToTop = () => {
             bottom: theme.spacing(2),
           }}
           onClick={scrollToTop}>
-          <ArrowCircleUp
-            sx={{
-              width: theme.spacing(8),
-              height: theme.spacing(8),
-              color: theme.palette.primary.main,
-            }}
-          />
+          <Image src={scrollToTopButtonPath} width={64} height={64} alt="Scroll to top button" />
         </Box>
       )}
     </div>