add handling of discussion for not logged in user

ZdruzenieSTROM · Nov 11, 2023 · 5b176e0 · 5b176e0
1 parent 226e0d0
commit 5b176e0
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/src/components/Problems/Discussion.module.scss b/src/components/Problems/Discussion.module.scss
@@ -20,6 +20,11 @@
     overflow-y: auto;
     overscroll-behavior-y: contain;
   }
+  >div.message {
+    padding-left: 8px;
+    padding-right: 8px;
+    color: gray;
+  }
 }
 
 .inputContainer {

diff --git a/src/components/Problems/Discussion.module.scss.d.ts b/src/components/Problems/Discussion.module.scss.d.ts
@@ -4,6 +4,7 @@ export type Styles = {
   comments: string
   container: string
   inputContainer: string
+  message: string
   notPublished: string
   submitAction: string
   submitInputContainer: string

diff --git a/src/components/Problems/Discussion.tsx b/src/components/Problems/Discussion.tsx
@@ -170,14 +170,16 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
               )
             })}
         </div>
-        <div className={styles.submitInputContainer}>
-          <textarea className={styles.textArea} value={commentText} onChange={handleCommentChange} />
-          <div className={styles.submitAction}>
-            <Button disabled={!isAuthed} onClick={addComment}>
-              Odoslať
-            </Button>
+        {isAuthed ? (
+          <div className={styles.submitInputContainer}>
+            <textarea className={styles.textArea} value={commentText} onChange={handleCommentChange} />
+            <div className={styles.submitAction}>
+              <Button onClick={addComment}>Odoslať</Button>
+            </div>
           </div>
-        </div>
+        ) : (
+          <div className={styles.message}> Prispievať do diskusie môžu len prihlásení uživatelia. </div>
+        )}
       </div>
     </SideContainer>
   )