Info text expanded by default

UniversityOfHelsinkiCS · Mar 13, 2023 · de2464c · de2464c
1 parent 2f45ad2
commit de2464c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/client/components/Common/ShowMore.tsx b/src/client/components/Common/ShowMore.tsx
@@ -5,8 +5,15 @@ import ExpandMore from '@mui/icons-material/ExpandMore'
 import HelpOutlineIcon from '@mui/icons-material/HelpOutline'
 import Markdown from './Markdown'
 
-const ShowMore = ({ text }: { text: string }) => {
-  const [expand, setExpand] = useState(false)
+const ShowMore = ({
+  text,
+  expanded = false,
+}: {
+  text: string
+  // eslint-disable-next-line react/require-default-props
+  expanded?: boolean
+}) => {
+  const [expand, setExpand] = useState(expanded)
 
   return (
     <>

diff --git a/src/client/components/InteractiveForm/HelloBanner.tsx b/src/client/components/InteractiveForm/HelloBanner.tsx
@@ -28,7 +28,10 @@ const HelloBanner = () => {
     <Box id="hello-component" sx={classes.helloBox}>
       <Box sx={{ my: 2, 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]} />
+        <ShowMore
+          text={helloMessages.text[language as keyof Locales]}
+          expanded
+        />
       </Box>
     </Box>
   )