delete :: button

team-xquare · Apr 17, 2024 · 7c1ac3e · 7c1ac3e
1 parent 7c35494
commit 7c1ac3e
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 91 deletions.
diff --git a/src/components/Main/firstContainer.tsx b/src/components/Main/firstContainer.tsx
@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import MainImg from '@/assets/Main.svg';
-import { Button } from '../common/button';
+// import { Button } from '../common/Button';
 
 export const FirstContainer = () => {
   return (
@@ -15,9 +15,9 @@ export const FirstContainer = () => {
           배포하는 경험을 할 수 있습니다.
         </div>
         <div>스퀘어는 보다 쉬운 방법으로 배포할 수 있고 쉽게 모니터링 할 수 있습니다.</div>
-        <Button width={190} height={64} buttonColor="white" buttonStyle="ghost" onClick={() => console.log('click!!')}>
+        {/* <Button width={190} height={64} buttonColor="white" buttonStyle="ghost" onClick={() => console.log('click!!')}>
           자세히 보기
-        </Button>
+        </Button> */}
       </MainContainer>
     </Container>
   );

diff --git a/src/components/common/button.tsx b/src/components/common/button.tsx
diff --git a/src/components/common/header/index.tsx b/src/components/common/header/index.tsx
@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import LogoImg from '@/assets/Logo.svg';
 import { useEffect, useState } from 'react';
-import { Button } from '@/components/common/button';
+// import { Button } from '@/components/common/Button';
 import { useLocation } from 'react-router-dom';
 import { css } from '@emotion/react';
 
@@ -25,27 +25,31 @@ export const Header = () => {
   return (
     <>
       <Wrapper scroll={scroll} pathname={_pathname}>
-        <LeftSide scroll={scroll}>
-          <img src={LogoImg} />
-          <span>Xquare Infra</span>
-        </LeftSide>
-        <Center>
-          <span>소개</span>
-          <span>고객 지원</span>
-        </Center>
-        <RightSide>
-          <Button
-            width={164}
-            height={40}
-            buttonStyle="ghost"
-            buttonColor={scroll === 0 ? 'white' : 'black'}
-            onClick={() => {
-              console.log('click!');
-            }}
-          >
-            무료로 시작하기
-          </Button>
-        </RightSide>
+        {_pathname === '' && (
+          <>
+            <LeftSide scroll={scroll}>
+              <img src={LogoImg} />
+              <span>Xquare Infra</span>
+            </LeftSide>
+            <Center>
+              <span>소개</span>
+              <span>고객 지원</span>
+            </Center>
+            <RightSide>
+              {/* <Button
+                width={164}
+                height={40}
+                buttonStyle="ghost"
+                buttonColor={scroll === 0 ? 'white' : 'black'}
+                onClick={() => {
+                  console.log('click!');
+                }}
+              >
+                무료로 시작하기
+              </Button> */}
+            </RightSide>
+          </>
+        )}
         <WrapperBackground scroll={_pathname === '' ? scroll : 0} />
       </Wrapper>
     </>

diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { FirstContainer } from '@/components/Main/firstContainer';
 import { SecondContainer } from '@/components/Main/secondContainer';
 import { ThirdContainer } from '@/components/Main/thirdContainer';
-import { Button } from '@/components/common/button';
+// import { Button } from '@/components/common/Button';
 
 export const Main = () => {
   return (
@@ -16,9 +16,9 @@ export const Main = () => {
           대마고 학생이라면 <b>‘스퀘어 인프라’</b> 를<br />
           <b>무료</b>로 사용할 수 있습니다.
         </div>
-        <Button width={188} height={56} buttonColor="white" buttonStyle="solid" onClick={() => console.log('click!!')}>
+        {/* <Button width={188} height={56} buttonColor="white" buttonStyle="solid" onClick={() => console.log('click!!')}>
           무료로 사용하기
-        </Button>
+        </Button> */}
       </SubFooter>
     </Wrapper>
   );