fix(packageVersion): fix packageVersion position in About page

Clm-Roig · Oct 3, 2022 · dba5183 · dba5183
1 parent a7b982e
commit dba5183
Showing 1 changed file with 65 additions and 64 deletions.
diff --git a/src/pages/About/About.tsx b/src/pages/About/About.tsx
@@ -16,77 +16,78 @@ import PackageVersion from './PackageVersion';
 
 function About() {
   return (
-    <DefaultPageLayout>
-      <Box display="flex" flexDirection="column">
-        <Typography gutterBottom variant="h1">
-          À propos de {APP_NAME}
-        </Typography>
-        <Stack spacing={2} textAlign="center">
-          <Typography>
-            {"L'interface de " + APP_NAME + ' est '}
-            <b>optimisée pour mobile</b>.
-          </Typography>
-          <Typography>
-            Application développée avec passion par{' '}
-            <ExternalLink href="https://github.com/clm-roig">Clément ROIG</ExternalLink>
+    <>
+      <DefaultPageLayout>
+        <Box display="flex" flexDirection="column">
+          <Typography gutterBottom variant="h1">
+            À propos de {APP_NAME}
           </Typography>
-          <Typography>
-            Merci à <ExternalLink href="https://laurakaczmarek.fr">Laura KACZMAREK</ExternalLink>{' '}
-            pour le logo ❤
+          <Stack spacing={2} textAlign="center">
+            <Typography>
+              {"L'interface de " + APP_NAME + ' est '}
+              <b>optimisée pour mobile</b>.
+            </Typography>
+            <Typography>
+              Application développée avec passion par{' '}
+              <ExternalLink href="https://github.com/clm-roig">Clément ROIG</ExternalLink>
+            </Typography>
+            <Typography>
+              Merci à <ExternalLink href="https://laurakaczmarek.fr">Laura KACZMAREK</ExternalLink>{' '}
+              pour le logo ❤
+            </Typography>
+            <Link component={RouterLink} to="/graphical-charter">
+              <Box display="flex" justifyContent="center">
+                <PaletteIcon sx={{ mr: 1 }} />
+                <Typography>Charte Graphique</Typography>
+              </Box>
+            </Link>
+            <Typography>
+              <GitHubIcon sx={{ mr: 1 }} />
+              Code source disponible sur{' '}
+              <ExternalLink href="https://github.com/clm-roig/suivie">Github</ExternalLink>
+            </Typography>
+            <Link sx={{ mx: 'auto' }} target="_blank" rel="noreferrer" href={PAYPAL_DONATE_URL}>
+              <Button color="secondary" variant="contained" endIcon={<VolunteerActivismIcon />}>
+                Faire un don
+              </Button>
+            </Link>
+          </Stack>
+        </Box>
+
+        <Divider sx={{ my: 2 }} />
+
+        <Box>
+          <Typography variant="h2" gutterBottom>
+            Suggérer une amélioration
           </Typography>
-          <Link component={RouterLink} to="/graphical-charter">
-            <Box display="flex" justifyContent="center">
-              <PaletteIcon sx={{ mr: 1 }} />
-              <Typography>Charte Graphique</Typography>
-            </Box>
-          </Link>
+          <iframe src={IMPROVEMENT_SUGGESTION_FORM_URL} width="100%" height="600"></iframe>
           <Typography>
-            <GitHubIcon sx={{ mr: 1 }} />
-            Code source disponible sur{' '}
-            <ExternalLink href="https://github.com/clm-roig/suivie">Github</ExternalLink>
+            {
+              "Si le formulaire n'apparaît pas ci-dessus, vous pouvez le remplir en suivant ce lien : "
+            }
+            <ExternalLink href={IMPROVEMENT_SUGGESTION_FORM_URL}>
+              {"SuiVie - Suggestion d'amélioration"}
+            </ExternalLink>
           </Typography>
-          <Link sx={{ mx: 'auto' }} target="_blank" rel="noreferrer" href={PAYPAL_DONATE_URL}>
-            <Button color="secondary" variant="contained" endIcon={<VolunteerActivismIcon />}>
-              Faire un don
-            </Button>
-          </Link>
-        </Stack>
-      </Box>
+        </Box>
 
-      <Divider sx={{ my: 2 }} />
-
-      <Box>
-        <Typography variant="h2" gutterBottom>
-          Suggérer une amélioration
-        </Typography>
-        <iframe src={IMPROVEMENT_SUGGESTION_FORM_URL} width="100%" height="600"></iframe>
-        <Typography>
-          {
-            "Si le formulaire n'apparaît pas ci-dessus, vous pouvez le remplir en suivant ce lien : "
-          }
-          <ExternalLink href={IMPROVEMENT_SUGGESTION_FORM_URL}>
-            {"SuiVie - Suggestion d'amélioration"}
-          </ExternalLink>
-        </Typography>
-      </Box>
-
-      <Divider sx={{ my: 2 }} />
-
-      <Box>
-        <Typography variant="h2" gutterBottom>
-          Signaler un bug
-        </Typography>
-        <iframe src={BUG_REPORT_FORM_URL} width="100%" height="600"></iframe>
-        <Typography>
-          {
-            "Si le formulaire n'apparaît pas ci-dessus, vous pouvez le remplir en suivant ce lien : "
-          }
-          <ExternalLink href={BUG_REPORT_FORM_URL}>SuiVie - Rapport de bug</ExternalLink>
-        </Typography>
-      </Box>
+        <Divider sx={{ my: 2 }} />
 
+        <Box>
+          <Typography variant="h2" gutterBottom>
+            Signaler un bug
+          </Typography>
+          <iframe src={BUG_REPORT_FORM_URL} width="100%" height="600"></iframe>
+          <Typography>
+            {
+              "Si le formulaire n'apparaît pas ci-dessus, vous pouvez le remplir en suivant ce lien : "
+            }
+            <ExternalLink href={BUG_REPORT_FORM_URL}>SuiVie - Rapport de bug</ExternalLink>
+          </Typography>
+        </Box>
+      </DefaultPageLayout>
       <PackageVersion style={{ bottom: 0, right: 0, position: 'fixed' }} />
-    </DefaultPageLayout>
+    </>
   );
 }
 export default About;