Merge pull request velopert#207 from velopert/feature/remove-home-tab

Remove home side bar

Author: velopert

src/components/common/PostCard.tsx

@@ -159,7 +159,7 @@ const Block = styled.div<{ forHome: boolean }>`
   display: flex;
   flex-direction: column;
 
-  ${props =>
+  ${(props) =>
     !props.forHome &&
     css`
       ${mediaQuery(1440)} {
@@ -170,7 +170,7 @@ const Block = styled.div<{ forHome: boolean }>`
       }
     `}
 
-  ${mediaQuery(944)} {
+  ${mediaQuery(1056)} {
     width: calc(50% - 2rem);
   }
   ${mediaQuery(767)} {
@@ -207,7 +207,7 @@ const Content = styled.div<{ clamp: boolean }>`
     overflow-wrap: break-word;
     font-size: 0.875rem;
     line-height: 1.5;
-    ${props =>
+    ${(props) =>
       props.clamp &&
       css`
         height: 3.9375rem;
@@ -217,7 +217,7 @@ const Content = styled.div<{ clamp: boolean }>`
         overflow: hidden;
         text-overflow: ellipsis;
       `}
-    /* ${props =>
+    /* ${(props) =>
       !props.clamp &&
       css`
         height: 15.875rem;

src/components/home/HomeLayout.tsx

@@ -4,14 +4,12 @@ import { mediaQuery } from '../../lib/styles/media';
 
 export type HomeLayoutProps = {
   main: React.ReactNode;
-  side: React.ReactNode;
 };
 
-function HomeLayout({ main, side }: HomeLayoutProps) {
+function HomeLayout({ main }: HomeLayoutProps) {
   return (
     <Block>
       <Main>{main}</Main>
-      <Side>{side}</Side>
     </Block>
   );
 }
@@ -23,16 +21,5 @@ const Block = styled.div`
 const Main = styled.main`
   flex: 1;
 `;
-const Side = styled.aside`
-  margin-left: 6rem;
-  width: 16rem;
-  ${mediaQuery(1440)} {
-    margin-left: 3rem;
-    width: 12rem;
-  }
-  ${mediaQuery(944)} {
-    display: none;
-  }
-`;
 
 export default HomeLayout;

src/components/home/HomeTab.tsx

@@ -77,12 +77,9 @@ const Wrapper = styled.div`
 `;
 
 const MobileMore = styled.div`
-  display: none;
-  ${mediaQuery(944)} {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
+  display: flex;
+  align-items: center;
+  justify-content: center;
 `;
 
 const Block = styled.div`

src/components/main/MainResponsive.tsx

@@ -19,15 +19,9 @@ const Block = styled.div`
     width: 1376px;
   }
   ${mediaQuery(1440)} {
-    width: 1280px;
+    width: 1024px;
   }
-  ${mediaQuery(1312)} {
-    width: 912px;
-  }
-  ${mediaQuery(944)} {
-    width: calc(100% - 2rem);
-  }
-  ${mediaQuery(767)} {
+  ${mediaQuery(1056)} {
     width: calc(100% - 2rem);
   }
 `;

src/pages/home/HomePage.tsx

@@ -30,7 +30,6 @@ function HomePage(props: HomePageProps) {
               <Route path={['/recent']} component={RecentPostsPage} />
             </>
           }
-          side={<HomeSidebar />}
         />
       </MainResponsive>
     </MainTemplate>