From b57b5c3682ba8466cfa5124400e4d78ba69ff355 Mon Sep 17 00:00:00 2001
From: dutexion <dutexion@gmail.com>
Date: Sun, 25 Aug 2024 23:47:08 +0900
Subject: [PATCH] delete :: container index

---
 src/pages/Team/Container.tsx | 206 -----------------------------------
 src/router/router.tsx        |   2 -
 2 files changed, 208 deletions(-)
 delete mode 100644 src/pages/Team/Container.tsx

diff --git a/src/pages/Team/Container.tsx b/src/pages/Team/Container.tsx
deleted file mode 100644
index 57a1158..0000000
--- a/src/pages/Team/Container.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-import { useState } from 'react';
-import styled from '@emotion/styled';
-import { theme } from '@/style/theme';
-import { SearchBar } from '@/components/common/SearchBar';
-import { SelectBar } from '@/components/common/SelectBar';
-import { Tag } from '@/components/Team/Tag';
-
-type EnvType = 'PROD' | 'STAG';
-const envKinds: EnvType[] = ['PROD', 'STAG'];
-type ProjectType = 'frontend' | 'backend';
-const projectKinds: ProjectType[] = ['frontend', 'backend'];
-type ContainerType = '활성' | '대기중' | '오류';
-const containerKinds: ContainerType[] = ['활성', '대기중', '오류'];
-
-type TeamContainerType = {
-  name: string;
-  path: string;
-  url: string;
-  lastDeploy: string;
-  env: EnvType;
-  container: ContainerType;
-};
-
-const dummy: TeamContainerType[] = [
-  {
-    name: 'dms-backend',
-    path: 'team-aliens/DMS-Backend',
-    url: 'https://dms-dms.com',
-    lastDeploy: '2023-03-06 17:57',
-    env: 'PROD',
-    container: '활성',
-  },
-];
-
-export const TeamContainer = () => {
-  const [selectedEnvIndex, setSelectEnvIndex] = useState<number | undefined>();
-  const [selectedProjectIndex, setSelectProjectIndex] = useState<number | undefined>();
-  const [selectedContainerIndex, setSelectContainerIndex] = useState<number | undefined>();
-
-  return (
-    <Wrapper>
-      <TitleContainer>
-        <TeamName>에일리언즈</TeamName>
-        <Title>컨테이너</Title>
-        <Describtion>프로젝트에 대해 배포된 컨테이너를 확인할 수 있습니다</Describtion>
-        <UtilContainer>
-          <SearchBar width={312} placeholder="배포 검색" />
-          <div>
-            <SelectBar
-              placehold="환경"
-              values={envKinds}
-              canCancle={true}
-              selectedIndex={selectedEnvIndex}
-              onSelect={setSelectEnvIndex}
-            />
-            <SelectBar
-              placehold="프로젝트"
-              values={projectKinds}
-              canCancle={true}
-              selectedIndex={selectedProjectIndex}
-              onSelect={setSelectProjectIndex}
-            />
-            <SelectBar
-              placehold="컨테이너 상태"
-              values={containerKinds}
-              canCancle={true}
-              selectedIndex={selectedContainerIndex}
-              onSelect={setSelectContainerIndex}
-            />
-          </div>
-        </UtilContainer>
-      </TitleContainer>
-      {dummy ? (
-        <ContainerBoxContainer>
-          {dummy.map((ele, index) => {
-            return (
-              <ContainerBox key={index}>
-                <div>
-                  <div>
-                    {ele.name}
-                    <Tag tag={ele.env as any} />
-                    <Tag tag={ele.container as any} />
-                  </div>
-                  <div>
-                    <span>{ele.path}</span>
-                    <span>{ele.url}</span>
-                    <span>마지막 배포: {ele.lastDeploy}</span>
-                  </div>
-                </div>
-              </ContainerBox>
-            );
-          })}
-        </ContainerBoxContainer>
-      ) : (
-        <TipBox>
-          아직 프로젝트에서 배포된 정보가 없습니다.
-          <br />
-          등록한 배포에 대한 액션이 동작하면 이 곳에서 배포된 컨테이너를 확인할 수 있습니다.
-          <br />
-          배포 액션을 설정하는 방법은 여기에서 확인해주세요!
-        </TipBox>
-      )}
-    </Wrapper>
-  );
-};
-
-const Wrapper = styled.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 30px;
-`;
-
-const TitleContainer = styled.div`
-  width: 100%;
-  max-width: 1120px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin-top: 80px;
-`;
-
-const TeamName = styled.div`
-  font-size: 20px;
-  font-weight: 500;
-  color: ${theme.color.gray5};
-`;
-
-const Title = styled.div`
-  font-size: 30px;
-  font-weight: 600;
-  color: ${theme.color.gray8};
-`;
-
-const Describtion = styled.div`
-  font-size: 24px;
-  font-weight: 100;
-  color: ${theme.color.gray8};
-`;
-
-const UtilContainer = styled.div`
-  display: flex;
-  justify-content: space-between;
-  > :last-of-type {
-    display: flex;
-    gap: 10px;
-  }
-`;
-
-const TipBox = styled.div`
-  width: 100%;
-  max-width: 1120px;
-  height: 190px;
-  color: ${theme.color.gray5};
-  border: 1px ${theme.color.gray5} solid;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 8px;
-  font-size: 20px;
-  text-align: center;
-`;
-
-const ContainerBoxContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-`;
-
-const ContainerBox = styled.div`
-  width: 100%;
-  max-width: 1120px;
-  height: 170px;
-  background-color: ${theme.color.gray1};
-  padding: 0 38px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border: 1px solid ${theme.color.gray5};
-  border-radius: 6px;
-  > div:nth-of-type(1) {
-    display: flex;
-    flex-direction: column;
-    gap: 14px;
-    > div:nth-of-type(1) {
-      font-size: 20px;
-      font-weight: 500;
-      display: flex;
-      gap: 6px;
-      color: ${theme.color.gray8};
-    }
-    > div:nth-of-type(2) {
-      color: ${theme.color.gray6};
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      > span {
-        font-size: 14px;
-      }
-      > span:nth-of-type(1) {
-        font-size: 20px;
-      }
-    }
-  }
-`;
diff --git a/src/router/router.tsx b/src/router/router.tsx
index d75cbc3..1f2f14c 100644
--- a/src/router/router.tsx
+++ b/src/router/router.tsx
@@ -5,7 +5,6 @@ import { Team } from '@/pages/Team';
 import { TeamCreate } from '@/pages/Team/Create';
 import { Error } from '@/pages/Error';
 import { TeamManage } from '@/pages/Team/Manage';
-// import { TeamContainer } from '@/pages/Team/Container';
 import { TeamDeployInformation } from '@/pages/Team/deploy/Information';
 import { TeamDeploy } from '@/pages/Team/deploy';
 import { TeamDeployCreate } from '@/pages/Team/deploy/Create';
@@ -37,7 +36,6 @@ export const Router = createBrowserRouter([
             children: [
               { index: true, element: <Error /> },
               { path: 'manage', element: <TeamManage /> },
-              // { path: 'container', element: <TeamContainer /> },
               {
                 path: 'deploy',
                 children: [