Moved welcoming messages from faculty selection to the HelloBanner co…

…mponent

src/client/components/InteractiveForm/HelloBanner.tsx

@@ -1,25 +1,36 @@
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { Box, Container, Typography } from '@mui/material'
+import { Box } from '@mui/material'
 import styles from './styles'
 import ShowMore from '../Common/ShowMore'
+import Markdown from '../Common/Markdown'
+import { Locales } from '../../types'
 
 const classes = styles.cardStyles
 
+const helloMessages = {
+  title: {
+    fi: '## Tervetuloa Curreen',
+    sv: '## Tervetuloa Curreen',
+    en: '## Tervetuloa Curreen',
+  },
+  text: {
+    fi: '### Curre auttaa opettajaa digipedagogisissa valinnoissa. Voit käyttää Currea tukena kun haluat ideoida uusia mahdollisuuksia hyödyntää digitalisaatiota osana opetusta ja oppimista kurssillasi.',
+    sv: '### Curre auttaa opettajaa digipedagogisissa valinnoissa. Voit käyttää Currea tukena kun haluat ideoida uusia mahdollisuuksia hyödyntää digitalisaatiota osana opetusta ja oppimista kurssillasi.',
+    en: '### Curre auttaa opettajaa digipedagogisissa valinnoissa. Voit käyttää Currea tukena kun haluat ideoida uusia mahdollisuuksia hyödyntää digitalisaatiota osana opetusta ja oppimista kurssillasi.',
+  },
+}
+
 const HelloBanner = () => {
-  const { t, i18n } = useTranslation()
+  const { i18n } = useTranslation()
   const { language } = i18n
 
-  console.log(language)
-
   return (
     <Box id="hello-component" sx={classes.outerBox}>
-      <Container sx={{ my: 1, display: 'flex', flexWrap: 'wrap', gap: 0.3 }}>
-        <Typography variant="h5" sx={classes.heading} component="div">
-          {t('info:infoTitle')}
-        </Typography>
-        <ShowMore text={t('facultySelect:introMessage')} />
-      </Container>
+      <Box sx={{ my: 1, mx: 2, display: 'flex', flexWrap: 'wrap', gap: 0.3 }}>
+        <Markdown>{helloMessages.title[language as keyof Locales]}</Markdown>
+        <ShowMore text={helloMessages.text[language as keyof Locales]} />
+      </Box>
     </Box>
   )
 }

src/client/components/InteractiveForm/InteractiveForm.tsx

@@ -12,6 +12,7 @@ import CourseCompletion from '../ResultPage/Openai/CourseCompletion'
 import DimensionCompletion from '../ResultPage/Openai/DimensionCompletion'
 import usePersistForm from '../../hooks/usePersistForm'
 import { FORM_DATA_KEY } from '../../../config'
+import HelloBanner from './HelloBanner'
 
 const InteractiveForm = () => {
   const { survey, isLoading } = useSurvey()
@@ -47,6 +48,9 @@ const InteractiveForm = () => {
   return (
     <Box my="2rem" maxWidth={1280}>
       <Grid container>
+        <Grid item sm={12}>
+          <HelloBanner />
+        </Grid>
         <Grid item sm={12} md={7} xl={6}>
           <form onSubmit={handleSubmit(onSubmit)}>
             <RenderSurvey

src/client/locales/en.json

@@ -9,7 +9,7 @@
     "contactSupport": "Contact support: <mailTo>{{supportEmail}}</mailTo>"
   },
   "facultySelect": {
-    "welcomeMessage": "Hi, welcome to Curre",
+    "welcomeMessage": "",
     "introMessage": "Start by selecting your faculty",
     "inputLabel": "Your Faculty"
   },

src/client/locales/fi.json

@@ -9,8 +9,8 @@
     "contactSupport": "Ota yhteyttä tukeen: <mailTo>{{supportEmail}}</mailTo>"
   },
   "facultySelect": {
-    "welcomeMessage": "Hei, tervetuloa Curreen",
-    "introMessage": " ### Curre auttaa opettajaa digipedagogisissa valinnoissa. Voit käyttää Currea tukena kun haluat ideoida uusia mahdollisuuksia hyödyntää digitalisaatiota osana opetusta ja oppimista kurssillasi.  \n \nAloita valitsemalla tiedekuntasi valikosta.",
+    "welcomeMessage": "",
+    "introMessage": "Aloita valitsemalla tiedekuntasi valikosta.",
     "inputLabel": "Tiedekuntasi"
   },
   "recommendations": {

src/client/locales/sv.json

@@ -9,7 +9,7 @@
     "contactSupport": "Ota yhteyttä tukeen: <mailTo>{{supportEmail}}</mailTo>"
   },
   "facultySelect": {
-    "welcomeMessage": "Hei, tervetuloa Curreen",
+    "welcomeMessage": "",
     "introMessage": "Aloita valitsemalla tiedekuntasi valikosta",
     "inputLabel": "Tiedekuntasi"
   },