feat: banner UI/UX adjustments

Unleash · Oct 24, 2023 · e9e3173 · e9e3173
1 parent 3ca22c7
commit e9e3173
Showing 1 changed file with 26 additions and 3 deletions.
diff --git a/frontend/src/component/admin/banners/BannerModal/BannerForm.tsx b/frontend/src/component/admin/banners/BannerModal/BannerForm.tsx
@@ -126,14 +126,25 @@ export const BannerForm = ({
                     <HelpIcon
                         tooltip={
                             <StyledTooltip>
-                                <p>Markdown is supported.</p>
+                                <p>
+                                    <a
+                                        href='https://www.markdownguide.org/basic-syntax/'
+                                        target='_blank'
+                                        rel='noreferrer'
+                                    >
+                                        Markdown
+                                    </a>{' '}
+                                    is supported.
+                                </p>
                             </StyledTooltip>
                         }
                     />
                 </StyledInputDescription>
                 <StyledInput
                     autoFocus
                     label='Banner message'
+                    multiline
+                    minRows={2}
                     value={message}
                     onChange={(e: ChangeEvent<HTMLInputElement>) =>
                         setMessage(e.target.value)
@@ -230,6 +241,9 @@ export const BannerForm = ({
                         } else {
                             setLink('');
                         }
+                        setLinkText('');
+                        setDialogTitle('');
+                        setDialog('');
                     }}
                     options={['None', 'Link', 'Dialog'].map((option) => ({
                         key: option,
@@ -295,7 +309,16 @@ export const BannerForm = ({
                                 <HelpIcon
                                     tooltip={
                                         <StyledTooltip>
-                                            <p>Markdown is supported.</p>
+                                            <p>
+                                                <a
+                                                    href='https://www.markdownguide.org/basic-syntax/'
+                                                    target='_blank'
+                                                    rel='noreferrer'
+                                                >
+                                                    Markdown
+                                                </a>{' '}
+                                                is supported.
+                                            </p>
                                         </StyledTooltip>
                                     }
                                 />
@@ -328,7 +351,7 @@ export const BannerForm = ({
             </StyledFieldGroup>
             <StyledFieldGroup>
                 <StyledInputDescription>
-                    Is the banner currently visible to all users?
+                    Is the banner currently enabled?
                 </StyledInputDescription>
                 <FormSwitch
                     checked={enabled}