fix(*): adj blod id screen

HoseaCodes · Feb 25, 2024 · 43cd209 · 43cd209
1 parent d88b6b1
commit 43cd209
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 27 deletions.
diff --git a/src/Components/Article/RightColumn.jsx b/src/Components/Article/RightColumn.jsx
@@ -300,32 +300,38 @@ const RightColumn = (props) => {
               onChange={updateSearch}
             />
           </MarginTop>
-          <SideUserContainer Primary>
-            <CircleImage
-              Secondary
-              src={
-                currentUser.avatar ||
-                "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT0k6I8WItSjK0JTttL3FwACOA6yugI29xvLw&usqp=CAU"
-              }
-              alt="author"
-            />
-            <UserInfo Padding4>{currentUser.name || "Will Smith"}</UserInfo>
-            <UserInfo GrayWPadding>119 Followers</UserInfo>
-            <UserInfo GrayWPadding>
-              Software Engineer | Python Programmer | Java Programmer | Tech
-              Enthusiast | JavaScript Programmer | React Lover | Mobile
-              Developer
-            </UserInfo>
-          </SideUserContainer>
-          <SideUserContainer ButtonGroup>
-            <Button size="small" backgroundColor="green" label="Follow" />
-            <Button
-              icon={<MdBookmarkBorder style={{ fontSize: "2rem", position: 'absolute', left: '66%',  top: '59%' }} />}
-              size="small"
-              backgroundColor="green"
-              shape={"round"}
-            />
-          </SideUserContainer>
+          {
+            isLoggedIn && (
+              <>
+                <SideUserContainer Primary>
+                  <CircleImage
+                    Secondary
+                    src={
+                      currentUser.avatar ||
+                      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT0k6I8WItSjK0JTttL3FwACOA6yugI29xvLw&usqp=CAU"
+                    }
+                    alt="author"
+                  />
+                  <UserInfo Padding4>{currentUser.name || "Will Smith"}</UserInfo>
+                  <UserInfo GrayWPadding>119 Followers</UserInfo>
+                  <UserInfo GrayWPadding>
+                    Software Engineer | Python Programmer | Java Programmer | Tech
+                    Enthusiast | JavaScript Programmer | React Lover | Mobile
+                    Developer
+                  </UserInfo>
+                </SideUserContainer>
+                <SideUserContainer ButtonGroup>
+                  <Button size="small" backgroundColor="green" label="Follow" />
+                  <Button
+                    icon={<MdBookmarkBorder style={{ fontSize: "2rem", position: 'absolute', left: '66%',  top: '59%' }} />}
+                    size="small"
+                    backgroundColor="green"
+                    shape={"round"}
+                  />
+                </SideUserContainer>
+              </>
+            )
+          }
           <SideUserContainer Primary>
             <PostText>Related</PostText>
             {recentPosts.map((article) => {

diff --git a/src/Layout/Container/styledArticle.jsx b/src/Layout/Container/styledArticle.jsx
@@ -49,7 +49,7 @@ export const JustifyContent = styled.div`
   ${props => props.MiniPost && css`
     justify-content: space-between;
     align-items: center;
-    width: 80%;
+    width: 100%;
     margin-top: 4%;
     `}
     ${props => props.SpaceAroundPaddingRight && css`