feat: show field error message in preview mode (#2418)

* feat: show field error message in preview mode * fix: add renderComment function and change ' ' to null * fix: change renderComment function
rolling-scopes · Feb 4, 2024 · 3972cd4 · 3972cd4
1 parent cea14a4
commit 3972cd4
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/client/src/components/Forms/MarkdownInput.tsx b/client/src/components/Forms/MarkdownInput.tsx
@@ -27,6 +27,14 @@ export default function MarkdownInput({ historicalCommentSelected }: Props) {
     setText('');
   };
 
+  const renderComment = () => {
+    return (
+      <Typography.Paragraph type="danger">
+        {!text ? 'Please leave a comment' : 'Please leave a detailed comment'}
+      </Typography.Paragraph>
+    );
+  };
+
   const link = (
     <span style={{ marginLeft: '20px' }}>
       <a
@@ -58,6 +66,7 @@ export default function MarkdownInput({ historicalCommentSelected }: Props) {
               <ReactMarkdown rehypePlugins={[remarkGfm]}>{text}</ReactMarkdown>
             </Typography.Text>
           </div>
+          {(!text || text?.length < 30) && renderComment()}
           <Button onClick={toggleView}>Write</Button> {link}
         </div>
       ) : (