Fix Dimmer usage

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>

packages/concordia-app/src/views/Topic/TopicView/index.jsx

@@ -74,17 +74,11 @@ const TopicView = (props) => {
   }, [topicId, topics]);
 
   return (
+      <Container id="topic-container" textAlign="center">
           <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" />
@@ -98,7 +92,6 @@ const TopicView = (props) => {
                           </Step.Title>
                       </Step.Content>
                   </Step>
-
                   <Step key="topic-header-step-title">
                       <Step.Content>
                           <Step.Title>
@@ -121,6 +114,7 @@ const TopicView = (props) => {
                   </Step>
               </Step.Group>
           </Dimmer.Dimmable>
+      </Container>
   );
 };