From b09ec87e4704a5268724d3a44cf9633e85d4dd97 Mon Sep 17 00:00:00 2001
From: Apostolof <apotwohd@gmail.com>
Date: Sun, 15 Nov 2020 02:15:53 +0200
Subject: [PATCH] Fix Dimmer usage

---
 .../TopicList/TopicListRow/index.jsx          |  3 -
 .../src/views/Topic/TopicView/index.jsx       | 88 +++++++++----------
 2 files changed, 41 insertions(+), 50 deletions(-)

diff --git a/packages/concordia-app/src/components/TopicList/TopicListRow/index.jsx b/packages/concordia-app/src/components/TopicList/TopicListRow/index.jsx
index 61029a0..510ab88 100644
--- a/packages/concordia-app/src/components/TopicList/TopicListRow/index.jsx
+++ b/packages/concordia-app/src/components/TopicList/TopicListRow/index.jsx
@@ -64,9 +64,6 @@ const TopicListRow = (props) => {
 
     return (
         <Dimmer.Dimmable as={List.Item} onClick={handleTopicClick} blurring dimmed={loading} className="list-item">
-            <Dimmer>
-                <Loader />
-            </Dimmer>
             <List.Icon name="user circle" size="big" inverted color="black" verticalAlign="middle" />
             <List.Content>
                 <List.Header>
diff --git a/packages/concordia-app/src/views/Topic/TopicView/index.jsx b/packages/concordia-app/src/views/Topic/TopicView/index.jsx
index f8cd963..e9856f6 100644
--- a/packages/concordia-app/src/views/Topic/TopicView/index.jsx
+++ b/packages/concordia-app/src/views/Topic/TopicView/index.jsx
@@ -74,53 +74,47 @@ const TopicView = (props) => {
   }, [topicId, topics]);
 
   return (
-      <Dimmer.Dimmable
-        as={Container}
-        id="topic-container"
-        blurring
-        dimmed={topicAuthorAddress === null && topicAuthor === null && timestamp === null}
-        textAlign="center"
-        className="list-item"
-      >
-          <Dimmer>
-              <Loader />
-          </Dimmer>
-          <Step.Group fluid>
-              <Step key="topic-header-step-user">
-                  <Icon name="user circle" size="big" inverted color="black" />
-                  <Step.Content>
-                      <Step.Title>
-                          {topicAuthor || (
-                              <Placeholder id="author-placeholder" inverted>
-                                  <Placeholder.Line length="full" />
-                              </Placeholder>
-                          )}
-                      </Step.Title>
-                  </Step.Content>
-              </Step>
-
-              <Step key="topic-header-step-title">
-                  <Step.Content>
-                      <Step.Title>
-                          {topicSubject || (
-                              <Placeholder id="subject-placeholder">
-                                  <Placeholder.Line length="full" />
-                              </Placeholder>
-                          )}
-                      </Step.Title>
-                      <Step.Description>
-                          {timestamp
-                            ? moment(timestamp * 1000).fromNow()
-                            : (
-                                <Placeholder id="date-placeholder">
-                                    <Placeholder.Line length="full" />
-                                </Placeholder>
-                            )}
-                      </Step.Description>
-                  </Step.Content>
-              </Step>
-          </Step.Group>
-      </Dimmer.Dimmable>
+      <Container id="topic-container" textAlign="center">
+          <Dimmer.Dimmable
+            blurring
+            dimmed={topicAuthorAddress === null && topicAuthor === null && timestamp === null}
+          >
+              <Step.Group fluid>
+                  <Step key="topic-header-step-user">
+                      <Icon name="user circle" size="big" inverted color="black" />
+                      <Step.Content>
+                          <Step.Title>
+                              {topicAuthor || (
+                                  <Placeholder id="author-placeholder" inverted>
+                                      <Placeholder.Line length="full" />
+                                  </Placeholder>
+                              )}
+                          </Step.Title>
+                      </Step.Content>
+                  </Step>
+                  <Step key="topic-header-step-title">
+                      <Step.Content>
+                          <Step.Title>
+                              {topicSubject || (
+                                  <Placeholder id="subject-placeholder">
+                                      <Placeholder.Line length="full" />
+                                  </Placeholder>
+                              )}
+                          </Step.Title>
+                          <Step.Description>
+                              {timestamp
+                                ? moment(timestamp * 1000).fromNow()
+                                : (
+                                    <Placeholder id="date-placeholder">
+                                        <Placeholder.Line length="full" />
+                                    </Placeholder>
+                                )}
+                          </Step.Description>
+                      </Step.Content>
+                  </Step>
+              </Step.Group>
+          </Dimmer.Dimmable>
+      </Container>
   );
 };