[B2BP-1053] - Prefooter : change store buttons direction (#508)

* change store buttons direction * add review changes
pagopa · Nov 29, 2024 · bca8d66 · bca8d66
1 parent eece8ca
commit bca8d66
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 19 deletions.
diff --git a/.changeset/spicy-windows-kneel.md b/.changeset/spicy-windows-kneel.md
@@ -0,0 +1,5 @@
+---
+"nextjs-website": patch
+---
+
+Prefooter - change store buttons direction
diff --git a/apps/nextjs-website/react-components/components/PreFooter/PreFooter.tsx b/apps/nextjs-website/react-components/components/PreFooter/PreFooter.tsx
@@ -1,6 +1,5 @@
 import { Box, Stack, Typography } from '@mui/material';
 import Button from '@mui/material/Button';
-import Image from 'next/image';
 import { BackgroundColor } from '../common/Common.helpers';
 import { PreFooterProps } from '@react-components/types/PreFooter/PreFooter';
 import { useTheme, useMediaQuery } from '@mui/material';
@@ -111,50 +110,40 @@ const PreFooter = (props: PreFooterProps) => {
                 justifyContent='center'
                 alignItems='center'
                 spacing={2}
-                direction={
-                  isSmallScreen || layout === 'center' ? 'column' : 'row'
-                }
-                sx={{
-                  marginLeft: isSmallScreen || layout === 'center' ? 0 : 2,
-                }}
+                direction={isSmallScreen ? 'column' : 'row'}
+                marginLeft={0}
               >
                 {storeButtons.hrefGoogle && (
                   <Button
                     sx={{
                       padding: '0px',
-                      marginLeft:
-                        isSmallScreen || layout === 'center' ? '0px' : '16px',
                       justifyContent: 'start',
+                      display: 'flex',
                     }}
                     key='google'
                     href={storeButtons.hrefGoogle}
                   >
-                    <Image
+                    <img
                       src={googleBadgeBase64}
                       alt='Download on Google Play'
-                      height={0}
-                      width={0}
-                      style={{ height: '3em', width: 'auto' }}
+                      style={{ height: '3em', width: 'auto', display: 'block' }}
                     />
                   </Button>
                 )}
                 {storeButtons.hrefApple && (
                   <Button
                     sx={{
                       padding: '0px',
-                      marginLeft:
-                        isSmallScreen || layout === 'center' ? '0px' : '16px',
                       justifyContent: 'start',
+                      display: 'flex',
                     }}
                     key='apple'
                     href={storeButtons.hrefApple}
                   >
-                    <Image
+                    <img
                       src={appleBadgeBase64}
                       alt='Download on App Store'
-                      height={0}
-                      width={0}
-                      style={{ height: '3em', width: 'auto' }}
+                      style={{ height: '3em', width: 'auto', display: 'block' }}
                     />
                   </Button>
                 )}