From 4db6ceae6ecb83a8655d985df0955cd57f2f3901 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vikt=C3=B3ria=20Brezinov=C3=A1?=
 <52294703+vikibrezinova@users.noreply.github.com>
Date: Sun, 12 Nov 2023 01:22:49 +0100
Subject: [PATCH] =?UTF-8?q?Pridanie=20hl=C3=A1=C5=A1ky=20do=20diskusie=20p?=
 =?UTF-8?q?re=20neprihl=C3=A1sen=C3=BDch=20u=C5=BEivate=C4=BEov=20(#207)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

add handling of discussion for not logged in user
---
 src/components/Problems/Discussion.module.scss   |  5 +++++
 .../Problems/Discussion.module.scss.d.ts         |  1 +
 src/components/Problems/Discussion.tsx           | 16 +++++++++-------
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/Problems/Discussion.module.scss b/src/components/Problems/Discussion.module.scss
index 011bdf48..9c62ff19 100644
--- 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
index 2c347ff0..8ba48fb3 100644
--- 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
index 3ee05298..aab0e5c1 100644
--- 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>
   )