From 29306120f5edfd42e0849ec0810e9ae509892db9 Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Fri, 22 Nov 2024 17:08:47 +0100
Subject: [PATCH 01/10] unrelated: Remove unused component

---
 src/components/Overlay/Overlay.module.scss    | 12 ----------
 .../Overlay/Overlay.module.scss.d.ts          |  9 -------
 src/components/Overlay/Overlay.tsx            | 24 -------------------
 3 files changed, 45 deletions(-)
 delete mode 100644 src/components/Overlay/Overlay.module.scss
 delete mode 100644 src/components/Overlay/Overlay.module.scss.d.ts
 delete mode 100644 src/components/Overlay/Overlay.tsx

diff --git a/src/components/Overlay/Overlay.module.scss b/src/components/Overlay/Overlay.module.scss
deleted file mode 100644
index e74c36f8..00000000
--- a/src/components/Overlay/Overlay.module.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.overlay {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: 2;
-  display: grid;
-  overflow-x: hidden;
-  grid-template-columns: repeat(1fr, 4);
-}
\ No newline at end of file
diff --git a/src/components/Overlay/Overlay.module.scss.d.ts b/src/components/Overlay/Overlay.module.scss.d.ts
deleted file mode 100644
index 0a28e190..00000000
--- a/src/components/Overlay/Overlay.module.scss.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export type Styles = {
-  overlay: string
-}
-
-export type ClassNames = keyof Styles
-
-declare const styles: Styles
-
-export default styles
diff --git a/src/components/Overlay/Overlay.tsx b/src/components/Overlay/Overlay.tsx
deleted file mode 100644
index 430807ca..00000000
--- a/src/components/Overlay/Overlay.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import {FC, MouseEvent, ReactNode} from 'react'
-
-import styles from './Overlay.module.scss'
-
-interface OverlayProps {
-  display: boolean
-  closeOverlay: () => void
-  children: ReactNode
-}
-
-export const Overlay: FC<OverlayProps> = ({children, display, closeOverlay}) => {
-  const handleClick = (e: MouseEvent) => {
-    // Po kliknutí na overlay, mimo akýchkoľvek iných elementov, sa overlay zatvorí.
-    if ((e.target as Element).classList.contains(styles.overlay)) {
-      closeOverlay()
-    }
-  }
-
-  return display ? (
-    <div className={styles.overlay} onClick={handleClick}>
-      {children}
-    </div>
-  ) : null
-}

From a1298f21b19c717ffe9a5d15cd94f98866bd46b0 Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Fri, 22 Nov 2024 17:46:15 +0100
Subject: [PATCH 02/10] Move all styles into one file

---
 .../Problems/Discussion.module.scss           |  31 +++
 .../Problems/Discussion.module.scss.d.ts      |   3 +
 src/components/Problems/Discussion.tsx        | 204 +++++++++---------
 src/components/Problems/Problems.module.scss  |  17 --
 .../Problems/Problems.module.scss.d.ts        |  10 -
 src/components/Problems/Problems.tsx          |  18 +-
 .../Problems/SideContainer.module.scss        |  19 --
 .../Problems/SideContainer.module.scss.d.ts   |  10 -
 src/components/Problems/SideContainer.tsx     |  21 --
 9 files changed, 147 insertions(+), 186 deletions(-)
 delete mode 100644 src/components/Problems/Problems.module.scss
 delete mode 100644 src/components/Problems/Problems.module.scss.d.ts
 delete mode 100644 src/components/Problems/SideContainer.module.scss
 delete mode 100644 src/components/Problems/SideContainer.module.scss.d.ts
 delete mode 100644 src/components/Problems/SideContainer.tsx

diff --git a/src/components/Problems/Discussion.module.scss b/src/components/Problems/Discussion.module.scss
index 17f1dbaa..6695e1e2 100644
--- a/src/components/Problems/Discussion.module.scss
+++ b/src/components/Problems/Discussion.module.scss
@@ -2,4 +2,35 @@
   width: 100%;
   height: 60px;
   border: 3px solid black;
+}
+
+.sideContainer {
+  margin: 1rem 0px;
+  height: auto;
+  
+  position: fixed;
+  top: 12rem;
+  bottom: 2rem;
+  right: 20px;
+  width: calc(25vw - 40px);
+}
+
+.container {
+  border: 8px solid black;
+  background-color: white;
+  display: flex;
+  flex-direction: column;
+  // potrebne, aby sa dodrzali parent hranice komponentu, aj ked tu bude vela contentu.
+  // ratame s tym, ze si overflow ten content (napr. div s komentarmi) ohandli sam scrollbarom.
+  overflow: hidden;
+  max-height: 100%;
+}
+
+.title {
+  background-color: black;
+  color: white;
+  padding-bottom: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
\ No newline at end of file
diff --git a/src/components/Problems/Discussion.module.scss.d.ts b/src/components/Problems/Discussion.module.scss.d.ts
index 699c71a4..afaf5572 100644
--- a/src/components/Problems/Discussion.module.scss.d.ts
+++ b/src/components/Problems/Discussion.module.scss.d.ts
@@ -1,5 +1,8 @@
 export type Styles = {
   textArea: string
+  sideContainer: string
+  container: string
+  title: string
 }
 
 export type ClassNames = keyof Styles
diff --git a/src/components/Problems/Discussion.tsx b/src/components/Problems/Discussion.tsx
index 6cea7843..e5f068b5 100644
--- a/src/components/Problems/Discussion.tsx
+++ b/src/components/Problems/Discussion.tsx
@@ -9,10 +9,10 @@ import {AuthContainer} from '@/utils/AuthContainer'
 import {useHasPermissions} from '@/utils/useHasPermissions'
 
 import {Button} from '../Clickable/Button'
+import {CloseButton} from '../CloseButton/CloseButton'
 import {Dialog} from '../Dialog/Dialog'
 import {Loading} from '../Loading/Loading'
 import styles from './Discussion.module.scss'
-import {SideContainer} from './SideContainer'
 
 interface DiscussionProps {
   problemId: number
@@ -101,106 +101,112 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
   }
 
   return (
-    <SideContainer title={'Diskusia - úloha ' + problemNumber} onClose={closeDiscussion}>
-      {/* delete comment dialog */}
-      <Dialog
-        open={deleteDialogId !== undefined}
-        close={close}
-        title="Vymazať komentár?"
-        contentText="Komentár bude nenávratne vymazaný."
-        actions={
-          <>
-            <Button variant="button2" onClick={agree}>
-              Potvrdiť
-            </Button>
-            <Button variant="button2" onClick={close}>
-              Zavrieť
-            </Button>
-          </>
-        }
-      />
-      <Stack my={1} mx={2} gap={1} sx={{overflow: 'hidden'}}>
-        <Stack gap={1} sx={{overflowY: 'auto', overscrollBehaviorY: 'contain'}}>
-          {commentsIsLoading && <Loading />}
-          {comments &&
-            comments.map((comment) => {
-              const isPostedByMe = userId === comment.posted_by
-
-              return (
-                <Stack sx={comment.state !== CommentState.Published ? {color: 'gray'} : {}} key={comment.id}>
-                  <Typography variant="h3" component="span">
-                    {comment.posted_by_name}
-                  </Typography>
-                  <Typography variant="body1">{comment.text}</Typography>
-                  {comment.hidden_response && (
-                    <Stack ml={2}>
-                      <Typography variant="h3" component="span">
-                        Vedúci:
-                      </Typography>
-                      <Typography variant="body1">{comment.hidden_response}</Typography>
-                    </Stack>
-                  )}
-                  {comment.state === CommentState.WaitingForReview && (
-                    <Typography variant="body3">* komentár čaká na schválenie</Typography>
-                  )}
-                  {comment.state === CommentState.Hidden && (
-                    <Typography variant="body3">* tento komentár nie je verejný</Typography>
-                  )}
-                  {hiddenResponseDialogId === comment.id ? (
-                    <Stack my={1} gap={1}>
-                      <textarea
-                        className={styles.textArea}
-                        value={hiddenResponseText}
-                        onChange={handleHiddenResponseChange}
-                      />
-                      <Stack alignSelf="end">
-                        <Button onClick={() => hideComment({id: comment.id, hiddenResponseText})} variant="button3">
-                          Odoslať
-                        </Button>
-                      </Stack>
-                    </Stack>
-                  ) : (
-                    <Stack gap={1} alignSelf="end" direction="row">
-                      {comment.state !== CommentState.Published && hasPermissions && (
-                        <Button onClick={() => publishComment(comment.id)} variant="button3">
-                          Zverejniť
-                        </Button>
-                      )}
-                      {comment.state !== CommentState.Hidden && hasPermissions && (
-                        <Button onClick={() => sethiddenResponseDialogId(comment.id)} variant="button3">
-                          Skryť
-                        </Button>
-                      )}
-                      {/* veduci moze zmazat svoj komentar v hocijakom stave, ucastnik moze zmazat svoj nepublishnuty komentar */}
-                      {isPostedByMe && (hasPermissions || comment.state !== CommentState.Published) && (
-                        <Button onClick={() => setDeleteDialogId(comment.id)} variant="button3">
-                          Vymazať
-                        </Button>
-                      )}
-                    </Stack>
-                  )}
-                </Stack>
-              )
-            })}
-        </Stack>
-
-        <Stack gap={1}>
-          {isAuthed ? (
+    <div className={styles.sideContainer}>
+      <aside className={styles.container}>
+        <div className={styles.title}>
+          <CloseButton onClick={closeDiscussion} size={24} sx={{position: 'absolute', right: 12}} />
+          <Typography variant="h3">Diskusia - úloha {problemNumber}</Typography>
+        </div>
+        {/* delete comment dialog */}
+        <Dialog
+          open={deleteDialogId !== undefined}
+          close={close}
+          title="Vymazať komentár?"
+          contentText="Komentár bude nenávratne vymazaný."
+          actions={
             <>
-              <textarea className={styles.textArea} value={commentText} onChange={handleCommentChange} />
-              <Stack alignSelf="end">
-                <Button variant="button2" onClick={() => addComment()}>
-                  Odoslať
-                </Button>
-              </Stack>
+              <Button variant="button2" onClick={agree}>
+                Potvrdiť
+              </Button>
+              <Button variant="button2" onClick={close}>
+                Zavrieť
+              </Button>
             </>
-          ) : (
-            <Typography variant="body2" sx={{color: 'gray'}}>
-              Prispievať do diskusie môžu len prihlásení uživatelia.
-            </Typography>
-          )}
+          }
+        />
+        <Stack my={1} mx={2} gap={1} sx={{overflow: 'hidden'}}>
+          <Stack gap={1} sx={{overflowY: 'auto', overscrollBehaviorY: 'contain'}}>
+            {commentsIsLoading && <Loading />}
+            {comments &&
+              comments.map((comment) => {
+                const isPostedByMe = userId === comment.posted_by
+
+                return (
+                  <Stack sx={comment.state !== CommentState.Published ? {color: 'gray'} : {}} key={comment.id}>
+                    <Typography variant="h3" component="span">
+                      {comment.posted_by_name}
+                    </Typography>
+                    <Typography variant="body1">{comment.text}</Typography>
+                    {comment.hidden_response && (
+                      <Stack ml={2}>
+                        <Typography variant="h3" component="span">
+                          Vedúci:
+                        </Typography>
+                        <Typography variant="body1">{comment.hidden_response}</Typography>
+                      </Stack>
+                    )}
+                    {comment.state === CommentState.WaitingForReview && (
+                      <Typography variant="body3">* komentár čaká na schválenie</Typography>
+                    )}
+                    {comment.state === CommentState.Hidden && (
+                      <Typography variant="body3">* tento komentár nie je verejný</Typography>
+                    )}
+                    {hiddenResponseDialogId === comment.id ? (
+                      <Stack my={1} gap={1}>
+                        <textarea
+                          className={styles.textArea}
+                          value={hiddenResponseText}
+                          onChange={handleHiddenResponseChange}
+                        />
+                        <Stack alignSelf="end">
+                          <Button onClick={() => hideComment({id: comment.id, hiddenResponseText})} variant="button3">
+                            Odoslať
+                          </Button>
+                        </Stack>
+                      </Stack>
+                    ) : (
+                      <Stack gap={1} alignSelf="end" direction="row">
+                        {comment.state !== CommentState.Published && hasPermissions && (
+                          <Button onClick={() => publishComment(comment.id)} variant="button3">
+                            Zverejniť
+                          </Button>
+                        )}
+                        {comment.state !== CommentState.Hidden && hasPermissions && (
+                          <Button onClick={() => sethiddenResponseDialogId(comment.id)} variant="button3">
+                            Skryť
+                          </Button>
+                        )}
+                        {/* veduci moze zmazat svoj komentar v hocijakom stave, ucastnik moze zmazat svoj nepublishnuty komentar */}
+                        {isPostedByMe && (hasPermissions || comment.state !== CommentState.Published) && (
+                          <Button onClick={() => setDeleteDialogId(comment.id)} variant="button3">
+                            Vymazať
+                          </Button>
+                        )}
+                      </Stack>
+                    )}
+                  </Stack>
+                )
+              })}
+          </Stack>
+
+          <Stack gap={1}>
+            {isAuthed ? (
+              <>
+                <textarea className={styles.textArea} value={commentText} onChange={handleCommentChange} />
+                <Stack alignSelf="end">
+                  <Button variant="button2" onClick={() => addComment()}>
+                    Odoslať
+                  </Button>
+                </Stack>
+              </>
+            ) : (
+              <Typography variant="body2" sx={{color: 'gray'}}>
+                Prispievať do diskusie môžu len prihlásení uživatelia.
+              </Typography>
+            )}
+          </Stack>
         </Stack>
-      </Stack>
-    </SideContainer>
+      </aside>
+    </div>
   )
 }
diff --git a/src/components/Problems/Problems.module.scss b/src/components/Problems/Problems.module.scss
deleted file mode 100644
index ea3fb9dc..00000000
--- a/src/components/Problems/Problems.module.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.debug {
-  margin-left: .5rem;
-  margin-bottom: .5rem;
-  display: flex;
-  flex-direction: column;
-}
-
-.sideContainer {
-  margin: 1rem 0px;
-  height: auto;
-  
-  position: fixed;
-  top: 12rem;
-  bottom: 2rem;
-  right: 20px;
-  width: calc(25vw - 40px);
-}
\ No newline at end of file
diff --git a/src/components/Problems/Problems.module.scss.d.ts b/src/components/Problems/Problems.module.scss.d.ts
deleted file mode 100644
index f077a190..00000000
--- a/src/components/Problems/Problems.module.scss.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export type Styles = {
-  debug: string
-  sideContainer: string
-}
-
-export type ClassNames = keyof Styles
-
-declare const styles: Styles
-
-export default styles
diff --git a/src/components/Problems/Problems.tsx b/src/components/Problems/Problems.tsx
index c1af3674..77fe4c42 100644
--- a/src/components/Problems/Problems.tsx
+++ b/src/components/Problems/Problems.tsx
@@ -198,16 +198,14 @@ export const Problems: FC = () => {
           />
         ))}
       </Stack>
-      <div className={styles.sideContainer}>
-        {displaySideContent.type === 'discussion' && (
-          <Discussion
-            problemId={displaySideContent.problemId}
-            problemNumber={displaySideContent.problemNumber}
-            closeDiscussion={() => setDisplaySideContent({type: '', problemId: -1, problemNumber: -1})}
-            invalidateSeriesQuery={invalidateSeriesQuery}
-          />
-        )}
-      </div>
+      {displaySideContent.type === 'discussion' && (
+        <Discussion
+          problemId={displaySideContent.problemId}
+          problemNumber={displaySideContent.problemNumber}
+          closeDiscussion={() => setDisplaySideContent({type: '', problemId: -1, problemNumber: -1})}
+          invalidateSeriesQuery={invalidateSeriesQuery}
+        />
+      )}
     </>
   )
 }
diff --git a/src/components/Problems/SideContainer.module.scss b/src/components/Problems/SideContainer.module.scss
deleted file mode 100644
index a5f2c674..00000000
--- a/src/components/Problems/SideContainer.module.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-.container {
-  border: 8px solid black;
-  background-color: white;
-  display: flex;
-  flex-direction: column;
-  // potrebne, aby sa dodrzali parent hranice komponentu, aj ked tu bude vela contentu.
-  // ratame s tym, ze si overflow ten content (napr. div s komentarmi) ohandli sam scrollbarom.
-  overflow: hidden;
-  max-height: 100%;
-}
-
-.title {
-  background-color: black;
-  color: white;
-  padding-bottom: 8px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
diff --git a/src/components/Problems/SideContainer.module.scss.d.ts b/src/components/Problems/SideContainer.module.scss.d.ts
deleted file mode 100644
index b46176b4..00000000
--- a/src/components/Problems/SideContainer.module.scss.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export type Styles = {
-  container: string
-  title: string
-}
-
-export type ClassNames = keyof Styles
-
-declare const styles: Styles
-
-export default styles
diff --git a/src/components/Problems/SideContainer.tsx b/src/components/Problems/SideContainer.tsx
deleted file mode 100644
index bc2638d8..00000000
--- a/src/components/Problems/SideContainer.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import {Typography} from '@mui/material'
-import {FC, ReactNode} from 'react'
-
-import {CloseButton} from '../CloseButton/CloseButton'
-import styles from './SideContainer.module.scss'
-
-export const SideContainer: FC<{title: string; children: ReactNode; onClose: () => void}> = ({
-  title,
-  children,
-  onClose,
-}) => {
-  return (
-    <aside className={styles.container}>
-      <div className={styles.title}>
-        <CloseButton onClick={onClose} size={24} sx={{position: 'absolute', right: 12}} />
-        <Typography variant="h3">{title}</Typography>
-      </div>
-      {children}
-    </aside>
-  )
-}

From 992b97f9aab726660dfbfb51bd275a1a5d7086fa Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Fri, 22 Nov 2024 18:08:49 +0100
Subject: [PATCH 03/10] unrelated: Remove css file with one class

---
 .../SemesterAdministration.module.scss                   | 3 ---
 .../SemesterAdministration.module.scss.d.ts              | 9 ---------
 .../SemesterAdministration/SemesterAdministration.tsx    | 3 +--
 3 files changed, 1 insertion(+), 14 deletions(-)
 delete mode 100644 src/components/SemesterAdministration/SemesterAdministration.module.scss
 delete mode 100644 src/components/SemesterAdministration/SemesterAdministration.module.scss.d.ts

diff --git a/src/components/SemesterAdministration/SemesterAdministration.module.scss b/src/components/SemesterAdministration/SemesterAdministration.module.scss
deleted file mode 100644
index f3b6c162..00000000
--- a/src/components/SemesterAdministration/SemesterAdministration.module.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.textarea {
-  width: 100%;
-}
diff --git a/src/components/SemesterAdministration/SemesterAdministration.module.scss.d.ts b/src/components/SemesterAdministration/SemesterAdministration.module.scss.d.ts
deleted file mode 100644
index 09e0f310..00000000
--- a/src/components/SemesterAdministration/SemesterAdministration.module.scss.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export type Styles = {
-  textarea: string
-}
-
-export type ClassNames = keyof Styles
-
-declare const styles: Styles
-
-export default styles
diff --git a/src/components/SemesterAdministration/SemesterAdministration.tsx b/src/components/SemesterAdministration/SemesterAdministration.tsx
index 8fcf0ef4..dc0a192b 100644
--- a/src/components/SemesterAdministration/SemesterAdministration.tsx
+++ b/src/components/SemesterAdministration/SemesterAdministration.tsx
@@ -13,7 +13,6 @@ import {useHasPermissions} from '@/utils/useHasPermissions'
 import {Loading} from '../Loading/Loading'
 import {PublicationUploader} from '../PublicationUploader/PublicationUploader'
 import {Result} from '../Results/ResultsRow'
-import styles from './SemesterAdministration.module.scss'
 
 interface PostalCard {
   code: number
@@ -166,7 +165,7 @@ export const SemesterAdministration: FC = () => {
 
       {textareaContent && (
         <Stack mt={5} gap={2} alignItems="end">
-          <textarea rows={10} value={textareaContent} readOnly className={styles.textarea} />
+          <textarea rows={10} value={textareaContent} readOnly style={{width: '100%'}} />
           <Button variant="button2" onClick={() => navigator.clipboard.writeText(textareaContent)}>
             kopírovať
           </Button>

From 54f18bfd8391ccd43e9eb02dd2b48b103ae134b0 Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Fri, 22 Nov 2024 18:19:47 +0100
Subject: [PATCH 04/10] Remove .textarea style

---
 src/components/Problems/Discussion.module.scss      | 6 ------
 src/components/Problems/Discussion.module.scss.d.ts | 1 -
 src/components/Problems/Discussion.tsx              | 8 ++++++--
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/Problems/Discussion.module.scss b/src/components/Problems/Discussion.module.scss
index 6695e1e2..9e3175b3 100644
--- a/src/components/Problems/Discussion.module.scss
+++ b/src/components/Problems/Discussion.module.scss
@@ -1,9 +1,3 @@
-.textArea {
-  width: 100%;
-  height: 60px;
-  border: 3px solid black;
-}
-
 .sideContainer {
   margin: 1rem 0px;
   height: auto;
diff --git a/src/components/Problems/Discussion.module.scss.d.ts b/src/components/Problems/Discussion.module.scss.d.ts
index afaf5572..8cc119f4 100644
--- a/src/components/Problems/Discussion.module.scss.d.ts
+++ b/src/components/Problems/Discussion.module.scss.d.ts
@@ -1,5 +1,4 @@
 export type Styles = {
-  textArea: string
   sideContainer: string
   container: string
   title: string
diff --git a/src/components/Problems/Discussion.tsx b/src/components/Problems/Discussion.tsx
index e5f068b5..01af8b89 100644
--- a/src/components/Problems/Discussion.tsx
+++ b/src/components/Problems/Discussion.tsx
@@ -154,7 +154,7 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
                     {hiddenResponseDialogId === comment.id ? (
                       <Stack my={1} gap={1}>
                         <textarea
-                          className={styles.textArea}
+                          style={{width: '100%', height: '60px', border: '3px solid black'}}
                           value={hiddenResponseText}
                           onChange={handleHiddenResponseChange}
                         />
@@ -192,7 +192,11 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
           <Stack gap={1}>
             {isAuthed ? (
               <>
-                <textarea className={styles.textArea} value={commentText} onChange={handleCommentChange} />
+                <textarea
+                  style={{width: '100%', height: '60px', border: '3px solid black'}}
+                  value={commentText}
+                  onChange={handleCommentChange}
+                />
                 <Stack alignSelf="end">
                   <Button variant="button2" onClick={() => addComment()}>
                     Odoslať

From b6cf57708e0df0cae7ff56cec85370bb54dd89d1 Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Fri, 22 Nov 2024 18:36:02 +0100
Subject: [PATCH 05/10] Remove another css class

---
 src/components/Problems/Discussion.module.scss      | 9 ---------
 src/components/Problems/Discussion.module.scss.d.ts | 1 -
 src/components/Problems/Discussion.tsx              | 8 ++++----
 3 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/src/components/Problems/Discussion.module.scss b/src/components/Problems/Discussion.module.scss
index 9e3175b3..446621e4 100644
--- a/src/components/Problems/Discussion.module.scss
+++ b/src/components/Problems/Discussion.module.scss
@@ -18,13 +18,4 @@
   // ratame s tym, ze si overflow ten content (napr. div s komentarmi) ohandli sam scrollbarom.
   overflow: hidden;
   max-height: 100%;
-}
-
-.title {
-  background-color: black;
-  color: white;
-  padding-bottom: 8px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }
\ No newline at end of file
diff --git a/src/components/Problems/Discussion.module.scss.d.ts b/src/components/Problems/Discussion.module.scss.d.ts
index 8cc119f4..cdc7f35c 100644
--- a/src/components/Problems/Discussion.module.scss.d.ts
+++ b/src/components/Problems/Discussion.module.scss.d.ts
@@ -1,7 +1,6 @@
 export type Styles = {
   sideContainer: string
   container: string
-  title: string
 }
 
 export type ClassNames = keyof Styles
diff --git a/src/components/Problems/Discussion.tsx b/src/components/Problems/Discussion.tsx
index 01af8b89..3d8a8e20 100644
--- a/src/components/Problems/Discussion.tsx
+++ b/src/components/Problems/Discussion.tsx
@@ -102,11 +102,11 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
 
   return (
     <div className={styles.sideContainer}>
-      <aside className={styles.container}>
-        <div className={styles.title}>
+      <div className={styles.container}>
+        <Stack sx={{justifyContent: 'center', alignItems: 'center', pb: 1, color: 'white', backgroundColor: 'black'}}>
           <CloseButton onClick={closeDiscussion} size={24} sx={{position: 'absolute', right: 12}} />
           <Typography variant="h3">Diskusia - úloha {problemNumber}</Typography>
-        </div>
+        </Stack>
         {/* delete comment dialog */}
         <Dialog
           open={deleteDialogId !== undefined}
@@ -210,7 +210,7 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
             )}
           </Stack>
         </Stack>
-      </aside>
+      </div>
     </div>
   )
 }

From c5557f9dc7ba5b818a61b60dc6dac6fcf1207f54 Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Fri, 22 Nov 2024 18:47:10 +0100
Subject: [PATCH 06/10] Remove another css class

---
 src/components/Problems/Discussion.module.scss      | 11 -----------
 src/components/Problems/Discussion.module.scss.d.ts |  1 -
 src/components/Problems/Discussion.tsx              | 11 +++++++++--
 3 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/components/Problems/Discussion.module.scss b/src/components/Problems/Discussion.module.scss
index 446621e4..8a8f8ea5 100644
--- a/src/components/Problems/Discussion.module.scss
+++ b/src/components/Problems/Discussion.module.scss
@@ -7,15 +7,4 @@
   bottom: 2rem;
   right: 20px;
   width: calc(25vw - 40px);
-}
-
-.container {
-  border: 8px solid black;
-  background-color: white;
-  display: flex;
-  flex-direction: column;
-  // potrebne, aby sa dodrzali parent hranice komponentu, aj ked tu bude vela contentu.
-  // ratame s tym, ze si overflow ten content (napr. div s komentarmi) ohandli sam scrollbarom.
-  overflow: hidden;
-  max-height: 100%;
 }
\ No newline at end of file
diff --git a/src/components/Problems/Discussion.module.scss.d.ts b/src/components/Problems/Discussion.module.scss.d.ts
index cdc7f35c..465b0329 100644
--- a/src/components/Problems/Discussion.module.scss.d.ts
+++ b/src/components/Problems/Discussion.module.scss.d.ts
@@ -1,6 +1,5 @@
 export type Styles = {
   sideContainer: string
-  container: string
 }
 
 export type ClassNames = keyof Styles
diff --git a/src/components/Problems/Discussion.tsx b/src/components/Problems/Discussion.tsx
index 3d8a8e20..91121b7d 100644
--- a/src/components/Problems/Discussion.tsx
+++ b/src/components/Problems/Discussion.tsx
@@ -102,7 +102,14 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
 
   return (
     <div className={styles.sideContainer}>
-      <div className={styles.container}>
+      <Stack
+        sx={{
+          border: '8px solid black',
+          backgroundColor: 'white',
+          overflow: 'hidden',
+          maxHeight: '100%',
+        }}
+      >
         <Stack sx={{justifyContent: 'center', alignItems: 'center', pb: 1, color: 'white', backgroundColor: 'black'}}>
           <CloseButton onClick={closeDiscussion} size={24} sx={{position: 'absolute', right: 12}} />
           <Typography variant="h3">Diskusia - úloha {problemNumber}</Typography>
@@ -210,7 +217,7 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
             )}
           </Stack>
         </Stack>
-      </div>
+      </Stack>
     </div>
   )
 }

From c662dffc4a33bd5ec336de61a565d9eed2372b81 Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Fri, 22 Nov 2024 20:35:45 +0100
Subject: [PATCH 07/10] Restyle discussion header

---
 src/components/Problems/Discussion.tsx | 232 +++++++++++++------------
 1 file changed, 121 insertions(+), 111 deletions(-)

diff --git a/src/components/Problems/Discussion.tsx b/src/components/Problems/Discussion.tsx
index 91121b7d..2027a41e 100644
--- a/src/components/Problems/Discussion.tsx
+++ b/src/components/Problems/Discussion.tsx
@@ -1,4 +1,4 @@
-import {Stack, Typography} from '@mui/material'
+import {Stack, Theme, Typography, useMediaQuery} from '@mui/material'
 import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'
 import axios from 'axios'
 import {FC, useState} from 'react'
@@ -12,7 +12,6 @@ import {Button} from '../Clickable/Button'
 import {CloseButton} from '../CloseButton/CloseButton'
 import {Dialog} from '../Dialog/Dialog'
 import {Loading} from '../Loading/Loading'
-import styles from './Discussion.module.scss'
 
 interface DiscussionProps {
   problemId: number
@@ -27,6 +26,9 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
   const [hiddenResponseDialogId, sethiddenResponseDialogId] = useState(-1)
   const [deleteDialogId, setDeleteDialogId] = useState<number | undefined>()
 
+  const lg = useMediaQuery<Theme>((theme) => theme.breakpoints.up('lg'))
+  const iconSize = lg ? 24 : 14
+
   const queryKey = ['competition', 'problem', problemId, 'comments']
   const {data: commentsData, isLoading: commentsIsLoading} = useQuery({
     queryKey,
@@ -101,123 +103,131 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
   }
 
   return (
-    <div className={styles.sideContainer}>
+    <Stack
+      sx={{
+        border: '8px solid black',
+        backgroundColor: 'white',
+        overflow: 'hidden',
+        maxHeight: '100%',
+      }}
+    >
       <Stack
+        direction="row"
         sx={{
-          border: '8px solid black',
-          backgroundColor: 'white',
-          overflow: 'hidden',
-          maxHeight: '100%',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          px: 0.5,
+          pb: 1,
+          color: 'white',
+          backgroundColor: 'black',
         }}
       >
-        <Stack sx={{justifyContent: 'center', alignItems: 'center', pb: 1, color: 'white', backgroundColor: 'black'}}>
-          <CloseButton onClick={closeDiscussion} size={24} sx={{position: 'absolute', right: 12}} />
-          <Typography variant="h3">Diskusia - úloha {problemNumber}</Typography>
+        <Typography variant="h3">Diskusia - úloha {problemNumber}</Typography>
+        <CloseButton onClick={closeDiscussion} size={iconSize} />
+      </Stack>
+      {/* delete comment dialog */}
+      <Dialog
+        open={deleteDialogId !== undefined}
+        close={close}
+        title="Vymazať komentár?"
+        contentText="Komentár bude nenávratne vymazaný."
+        actions={
+          <>
+            <Button variant="button2" onClick={agree}>
+              Potvrdiť
+            </Button>
+            <Button variant="button2" onClick={close}>
+              Zavrieť
+            </Button>
+          </>
+        }
+      />
+      <Stack my={1} mx={2} gap={1} sx={{overflow: 'hidden'}}>
+        <Stack gap={1} sx={{overflowY: 'auto', overscrollBehaviorY: 'contain'}}>
+          {commentsIsLoading && <Loading />}
+          {comments &&
+            comments.map((comment) => {
+              const isPostedByMe = userId === comment.posted_by
+
+              return (
+                <Stack sx={comment.state !== CommentState.Published ? {color: 'gray'} : {}} key={comment.id}>
+                  <Typography variant="h3" component="span">
+                    {comment.posted_by_name}
+                  </Typography>
+                  <Typography variant="body1">{comment.text}</Typography>
+                  {comment.hidden_response && (
+                    <Stack ml={2}>
+                      <Typography variant="h3" component="span">
+                        Vedúci:
+                      </Typography>
+                      <Typography variant="body1">{comment.hidden_response}</Typography>
+                    </Stack>
+                  )}
+                  {comment.state === CommentState.WaitingForReview && (
+                    <Typography variant="body3">* komentár čaká na schválenie</Typography>
+                  )}
+                  {comment.state === CommentState.Hidden && (
+                    <Typography variant="body3">* tento komentár nie je verejný</Typography>
+                  )}
+                  {hiddenResponseDialogId === comment.id ? (
+                    <Stack my={1} gap={1}>
+                      <textarea
+                        style={{width: '100%', height: '60px', border: '3px solid black'}}
+                        value={hiddenResponseText}
+                        onChange={handleHiddenResponseChange}
+                      />
+                      <Stack alignSelf="end">
+                        <Button onClick={() => hideComment({id: comment.id, hiddenResponseText})} variant="button3">
+                          Odoslať
+                        </Button>
+                      </Stack>
+                    </Stack>
+                  ) : (
+                    <Stack gap={1} alignSelf="end" direction="row">
+                      {comment.state !== CommentState.Published && hasPermissions && (
+                        <Button onClick={() => publishComment(comment.id)} variant="button3">
+                          Zverejniť
+                        </Button>
+                      )}
+                      {comment.state !== CommentState.Hidden && hasPermissions && (
+                        <Button onClick={() => sethiddenResponseDialogId(comment.id)} variant="button3">
+                          Skryť
+                        </Button>
+                      )}
+                      {/* veduci moze zmazat svoj komentar v hocijakom stave, ucastnik moze zmazat svoj nepublishnuty komentar */}
+                      {isPostedByMe && (hasPermissions || comment.state !== CommentState.Published) && (
+                        <Button onClick={() => setDeleteDialogId(comment.id)} variant="button3">
+                          Vymazať
+                        </Button>
+                      )}
+                    </Stack>
+                  )}
+                </Stack>
+              )
+            })}
         </Stack>
-        {/* delete comment dialog */}
-        <Dialog
-          open={deleteDialogId !== undefined}
-          close={close}
-          title="Vymazať komentár?"
-          contentText="Komentár bude nenávratne vymazaný."
-          actions={
+
+        <Stack gap={1}>
+          {isAuthed ? (
             <>
-              <Button variant="button2" onClick={agree}>
-                Potvrdiť
-              </Button>
-              <Button variant="button2" onClick={close}>
-                Zavrieť
-              </Button>
+              <textarea
+                style={{width: '100%', height: '60px', border: '3px solid black'}}
+                value={commentText}
+                onChange={handleCommentChange}
+              />
+              <Stack alignSelf="end">
+                <Button variant="button2" onClick={() => addComment()}>
+                  Odoslať
+                </Button>
+              </Stack>
             </>
-          }
-        />
-        <Stack my={1} mx={2} gap={1} sx={{overflow: 'hidden'}}>
-          <Stack gap={1} sx={{overflowY: 'auto', overscrollBehaviorY: 'contain'}}>
-            {commentsIsLoading && <Loading />}
-            {comments &&
-              comments.map((comment) => {
-                const isPostedByMe = userId === comment.posted_by
-
-                return (
-                  <Stack sx={comment.state !== CommentState.Published ? {color: 'gray'} : {}} key={comment.id}>
-                    <Typography variant="h3" component="span">
-                      {comment.posted_by_name}
-                    </Typography>
-                    <Typography variant="body1">{comment.text}</Typography>
-                    {comment.hidden_response && (
-                      <Stack ml={2}>
-                        <Typography variant="h3" component="span">
-                          Vedúci:
-                        </Typography>
-                        <Typography variant="body1">{comment.hidden_response}</Typography>
-                      </Stack>
-                    )}
-                    {comment.state === CommentState.WaitingForReview && (
-                      <Typography variant="body3">* komentár čaká na schválenie</Typography>
-                    )}
-                    {comment.state === CommentState.Hidden && (
-                      <Typography variant="body3">* tento komentár nie je verejný</Typography>
-                    )}
-                    {hiddenResponseDialogId === comment.id ? (
-                      <Stack my={1} gap={1}>
-                        <textarea
-                          style={{width: '100%', height: '60px', border: '3px solid black'}}
-                          value={hiddenResponseText}
-                          onChange={handleHiddenResponseChange}
-                        />
-                        <Stack alignSelf="end">
-                          <Button onClick={() => hideComment({id: comment.id, hiddenResponseText})} variant="button3">
-                            Odoslať
-                          </Button>
-                        </Stack>
-                      </Stack>
-                    ) : (
-                      <Stack gap={1} alignSelf="end" direction="row">
-                        {comment.state !== CommentState.Published && hasPermissions && (
-                          <Button onClick={() => publishComment(comment.id)} variant="button3">
-                            Zverejniť
-                          </Button>
-                        )}
-                        {comment.state !== CommentState.Hidden && hasPermissions && (
-                          <Button onClick={() => sethiddenResponseDialogId(comment.id)} variant="button3">
-                            Skryť
-                          </Button>
-                        )}
-                        {/* veduci moze zmazat svoj komentar v hocijakom stave, ucastnik moze zmazat svoj nepublishnuty komentar */}
-                        {isPostedByMe && (hasPermissions || comment.state !== CommentState.Published) && (
-                          <Button onClick={() => setDeleteDialogId(comment.id)} variant="button3">
-                            Vymazať
-                          </Button>
-                        )}
-                      </Stack>
-                    )}
-                  </Stack>
-                )
-              })}
-          </Stack>
-
-          <Stack gap={1}>
-            {isAuthed ? (
-              <>
-                <textarea
-                  style={{width: '100%', height: '60px', border: '3px solid black'}}
-                  value={commentText}
-                  onChange={handleCommentChange}
-                />
-                <Stack alignSelf="end">
-                  <Button variant="button2" onClick={() => addComment()}>
-                    Odoslať
-                  </Button>
-                </Stack>
-              </>
-            ) : (
-              <Typography variant="body2" sx={{color: 'gray'}}>
-                Prispievať do diskusie môžu len prihlásení uživatelia.
-              </Typography>
-            )}
-          </Stack>
+          ) : (
+            <Typography variant="body2" sx={{color: 'gray'}}>
+              Prispievať do diskusie môžu len prihlásení uživatelia.
+            </Typography>
+          )}
         </Stack>
       </Stack>
-    </div>
+    </Stack>
   )
 }

From 7fba91d97e59f7e9577898baa4b4d8aeb5a4560a Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Fri, 22 Nov 2024 21:44:58 +0100
Subject: [PATCH 08/10] F*ck it, it will be dialog

---
 .../Problems/Discussion.module.scss           | 10 ------
 .../Problems/Discussion.module.scss.d.ts      |  9 ------
 src/components/Problems/Discussion.tsx        | 31 ++++---------------
 src/components/Problems/Problems.tsx          | 21 ++++++++-----
 4 files changed, 19 insertions(+), 52 deletions(-)
 delete mode 100644 src/components/Problems/Discussion.module.scss
 delete mode 100644 src/components/Problems/Discussion.module.scss.d.ts

diff --git a/src/components/Problems/Discussion.module.scss b/src/components/Problems/Discussion.module.scss
deleted file mode 100644
index 8a8f8ea5..00000000
--- a/src/components/Problems/Discussion.module.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.sideContainer {
-  margin: 1rem 0px;
-  height: auto;
-  
-  position: fixed;
-  top: 12rem;
-  bottom: 2rem;
-  right: 20px;
-  width: calc(25vw - 40px);
-}
\ No newline at end of file
diff --git a/src/components/Problems/Discussion.module.scss.d.ts b/src/components/Problems/Discussion.module.scss.d.ts
deleted file mode 100644
index 465b0329..00000000
--- a/src/components/Problems/Discussion.module.scss.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export type Styles = {
-  sideContainer: string
-}
-
-export type ClassNames = keyof Styles
-
-declare const styles: Styles
-
-export default styles
diff --git a/src/components/Problems/Discussion.tsx b/src/components/Problems/Discussion.tsx
index 2027a41e..edeae5f2 100644
--- a/src/components/Problems/Discussion.tsx
+++ b/src/components/Problems/Discussion.tsx
@@ -103,28 +103,7 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
   }
 
   return (
-    <Stack
-      sx={{
-        border: '8px solid black',
-        backgroundColor: 'white',
-        overflow: 'hidden',
-        maxHeight: '100%',
-      }}
-    >
-      <Stack
-        direction="row"
-        sx={{
-          justifyContent: 'space-between',
-          alignItems: 'center',
-          px: 0.5,
-          pb: 1,
-          color: 'white',
-          backgroundColor: 'black',
-        }}
-      >
-        <Typography variant="h3">Diskusia - úloha {problemNumber}</Typography>
-        <CloseButton onClick={closeDiscussion} size={iconSize} />
-      </Stack>
+    <>
       {/* delete comment dialog */}
       <Dialog
         open={deleteDialogId !== undefined}
@@ -142,7 +121,7 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
           </>
         }
       />
-      <Stack my={1} mx={2} gap={1} sx={{overflow: 'hidden'}}>
+      <Stack gap={1} sx={{overflow: 'hidden'}}>
         <Stack gap={1} sx={{overflowY: 'auto', overscrollBehaviorY: 'contain'}}>
           {commentsIsLoading && <Loading />}
           {comments &&
@@ -154,7 +133,9 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
                   <Typography variant="h3" component="span">
                     {comment.posted_by_name}
                   </Typography>
-                  <Typography variant="body1">{comment.text}</Typography>
+                  <Typography variant="body1" style={{wordBreak: 'break-word'}}>
+                    {comment.text}
+                  </Typography>
                   {comment.hidden_response && (
                     <Stack ml={2}>
                       <Typography variant="h3" component="span">
@@ -228,6 +209,6 @@ export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, close
           )}
         </Stack>
       </Stack>
-    </Stack>
+    </>
   )
 }
diff --git a/src/components/Problems/Problems.tsx b/src/components/Problems/Problems.tsx
index 77fe4c42..b474c201 100644
--- a/src/components/Problems/Problems.tsx
+++ b/src/components/Problems/Problems.tsx
@@ -1,4 +1,5 @@
 import {Stack, Typography} from '@mui/material'
+import Grid from '@mui/material/Unstable_Grid2'
 import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'
 import axios from 'axios'
 import {useRouter} from 'next/router'
@@ -18,8 +19,8 @@ import {Dialog} from '../Dialog/Dialog'
 import {Loading} from '../Loading/Loading'
 import {LoginForm} from '../PageLayout/LoginForm/LoginForm'
 import {Discussion} from './Discussion'
+// import styles from './Discussion.module.scss'
 import {Problem} from './Problem'
-import styles from './Problems.module.scss'
 
 export const Problems: FC = () => {
   const {id, seminar, loading} = useDataFromURL()
@@ -37,7 +38,7 @@ export const Problems: FC = () => {
   const profile = data?.data
 
   // used to display discussions
-  const [displaySideContent, setDisplaySideContent] = useState<{
+  const [displayDiscussion, setDisplayDiscussion] = useState<{
     type: string
     problemId: number
     problemNumber: number
@@ -187,7 +188,7 @@ export const Problems: FC = () => {
           <Problem
             key={problem.id}
             problem={problem}
-            setDisplaySideContent={setDisplaySideContent}
+            setDisplaySideContent={setDisplayDiscussion}
             registered={isRegistered}
             canRegister={canRegister}
             canSubmit={problem.submitted ? canResubmit : canSubmit}
@@ -198,14 +199,18 @@ export const Problems: FC = () => {
           />
         ))}
       </Stack>
-      {displaySideContent.type === 'discussion' && (
+      <Dialog
+        open={displayDiscussion.type === 'discussion'}
+        close={() => setDisplayDiscussion({type: '', problemId: -1, problemNumber: -1})}
+        title={`Diskusia - úloha ${displayDiscussion.problemNumber}`}
+      >
         <Discussion
-          problemId={displaySideContent.problemId}
-          problemNumber={displaySideContent.problemNumber}
-          closeDiscussion={() => setDisplaySideContent({type: '', problemId: -1, problemNumber: -1})}
+          problemId={displayDiscussion.problemId}
+          problemNumber={displayDiscussion.problemNumber}
+          closeDiscussion={() => setDisplayDiscussion({type: '', problemId: -1, problemNumber: -1})}
           invalidateSeriesQuery={invalidateSeriesQuery}
         />
-      )}
+      </Dialog>
     </>
   )
 }

From 5b773cba9bdb7284b17097617480d4d983a92b05 Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Fri, 22 Nov 2024 23:56:18 +0100
Subject: [PATCH 09/10] fix yarn lint

---
 src/components/Problems/Discussion.tsx | 8 ++------
 src/components/Problems/Problems.tsx   | 2 --
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/components/Problems/Discussion.tsx b/src/components/Problems/Discussion.tsx
index edeae5f2..ec4b91c6 100644
--- a/src/components/Problems/Discussion.tsx
+++ b/src/components/Problems/Discussion.tsx
@@ -1,4 +1,4 @@
-import {Stack, Theme, Typography, useMediaQuery} from '@mui/material'
+import {Stack, Typography} from '@mui/material'
 import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'
 import axios from 'axios'
 import {FC, useState} from 'react'
@@ -9,7 +9,6 @@ import {AuthContainer} from '@/utils/AuthContainer'
 import {useHasPermissions} from '@/utils/useHasPermissions'
 
 import {Button} from '../Clickable/Button'
-import {CloseButton} from '../CloseButton/CloseButton'
 import {Dialog} from '../Dialog/Dialog'
 import {Loading} from '../Loading/Loading'
 
@@ -20,15 +19,12 @@ interface DiscussionProps {
   invalidateSeriesQuery: () => Promise<void>
 }
 
-export const Discussion: FC<DiscussionProps> = ({problemId, problemNumber, closeDiscussion, invalidateSeriesQuery}) => {
+export const Discussion: FC<DiscussionProps> = ({problemId, invalidateSeriesQuery}) => {
   const [commentText, setCommentText] = useState('')
   const [hiddenResponseText, setHiddenResponseText] = useState('')
   const [hiddenResponseDialogId, sethiddenResponseDialogId] = useState(-1)
   const [deleteDialogId, setDeleteDialogId] = useState<number | undefined>()
 
-  const lg = useMediaQuery<Theme>((theme) => theme.breakpoints.up('lg'))
-  const iconSize = lg ? 24 : 14
-
   const queryKey = ['competition', 'problem', problemId, 'comments']
   const {data: commentsData, isLoading: commentsIsLoading} = useQuery({
     queryKey,
diff --git a/src/components/Problems/Problems.tsx b/src/components/Problems/Problems.tsx
index b474c201..c52ba25f 100644
--- a/src/components/Problems/Problems.tsx
+++ b/src/components/Problems/Problems.tsx
@@ -1,5 +1,4 @@
 import {Stack, Typography} from '@mui/material'
-import Grid from '@mui/material/Unstable_Grid2'
 import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'
 import axios from 'axios'
 import {useRouter} from 'next/router'
@@ -19,7 +18,6 @@ import {Dialog} from '../Dialog/Dialog'
 import {Loading} from '../Loading/Loading'
 import {LoginForm} from '../PageLayout/LoginForm/LoginForm'
 import {Discussion} from './Discussion'
-// import styles from './Discussion.module.scss'
 import {Problem} from './Problem'
 
 export const Problems: FC = () => {

From 755e6a56322470527196a47be4bad732e8457149 Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Sat, 23 Nov 2024 00:03:54 +0100
Subject: [PATCH 10/10] some code polishing

---
 src/components/Problems/Problems.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Problems/Problems.tsx b/src/components/Problems/Problems.tsx
index c52ba25f..f6a5ad57 100644
--- a/src/components/Problems/Problems.tsx
+++ b/src/components/Problems/Problems.tsx
@@ -43,6 +43,8 @@ export const Problems: FC = () => {
     problemSubmitted?: boolean
   }>({type: '', problemId: -1, problemNumber: -1, problemSubmitted: false})
 
+  const closeDiscussion = () => setDisplayDiscussion({type: '', problemId: -1, problemNumber: -1})
+
   const {data: seriesData, isLoading: seriesIsLoading} = useQuery({
     queryKey: ['competition', 'series', id.seriesId],
     queryFn: () => axios.get<SeriesWithProblems>(`/api/competition/series/${id.seriesId}`),
@@ -199,13 +201,13 @@ export const Problems: FC = () => {
       </Stack>
       <Dialog
         open={displayDiscussion.type === 'discussion'}
-        close={() => setDisplayDiscussion({type: '', problemId: -1, problemNumber: -1})}
+        close={closeDiscussion}
         title={`Diskusia - úloha ${displayDiscussion.problemNumber}`}
       >
         <Discussion
           problemId={displayDiscussion.problemId}
           problemNumber={displayDiscussion.problemNumber}
-          closeDiscussion={() => setDisplayDiscussion({type: '', problemId: -1, problemNumber: -1})}
+          closeDiscussion={closeDiscussion}
           invalidateSeriesQuery={invalidateSeriesQuery}
         />
       </Dialog>