Merge pull request #384 from Clm-Roig/382-suggestions-form

feat(#382): add an improvement suggestion form
Clm-Roig · Jul 5, 2022 · 368a66a · 368a66a
2 parents 034983e + e8fdced
commit 368a66a
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 5 deletions.
diff --git a/src/config/Constants.ts b/src/config/Constants.ts
@@ -6,6 +6,8 @@ export const PAYPAL_DONATE_URL =
   'https://www.paypal.com/donate/?business=UF2GH7ZPMLES8&no_recurring=0&item_name=Chaque+don+me+permet+de+continuer+%C3%A0+d%C3%A9velopper+et+%C3%A0+am%C3%A9liorer+l%27application+SuiVie%2C+merci+%21+%3A%29&currency_code=EUR';
 
 export const BUG_REPORT_FORM_URL = 'https://framaforms.org/suivie-rapport-de-bug-1656787432';
+export const IMPROVEMENT_SUGGESTION_FORM_URL =
+  'https://framaforms.org/suivie-suggestion-damelioration-1657039112';
 
 export const DEFAULT_COMPLETION_NAME = 'fois';
 export const APP_NAME = 'SuiVie';

diff --git a/src/pages/About.tsx b/src/pages/About.tsx
@@ -4,7 +4,12 @@ import { Box, Button, Divider, Link, Stack, Typography } from '@mui/material';
 
 import packageInfo from '../../package.json';
 import ExternalLink from '../components/ExternalLink/ExternalLink';
-import { APP_NAME, BUG_REPORT_FORM_URL, PAYPAL_DONATE_URL } from '../config/Constants';
+import {
+  APP_NAME,
+  BUG_REPORT_FORM_URL,
+  IMPROVEMENT_SUGGESTION_FORM_URL,
+  PAYPAL_DONATE_URL
+} from '../config/Constants';
 
 function About() {
   return (
@@ -41,14 +46,28 @@ function About() {
 
       <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="https://framaforms.org/suivie-rapport-de-bug-1656787432"
-          width="100%"
-          height="600"></iframe>
+        <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 : "