From e9e317346af4e3083ea60321ab262e943c8f10f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Tue, 24 Oct 2023 11:59:13 +0100
Subject: [PATCH] feat: banner UI/UX adjustments

---
 .../admin/banners/BannerModal/BannerForm.tsx  | 29 +++++++++++++++++--
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/admin/banners/BannerModal/BannerForm.tsx b/frontend/src/component/admin/banners/BannerModal/BannerForm.tsx
index 64762e7696b5..a07902df2991 100644
--- a/frontend/src/component/admin/banners/BannerModal/BannerForm.tsx
+++ b/frontend/src/component/admin/banners/BannerModal/BannerForm.tsx
@@ -126,7 +126,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>
                         }
                     />
@@ -134,6 +143,8 @@ export const BannerForm = ({
                 <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}