From b80273c1cc28a0304ee4d5f00aa0c0487df3dab8 Mon Sep 17 00:00:00 2001
From: HeesungB <hezo25@naver.com>
Date: Mon, 12 Dec 2022 17:46:50 +0900
Subject: [PATCH] Remove unused source file

---
 components/connect-wallet-modal/index.tsx | 76 +----------------------
 components/connect-wallet-modal/modal.tsx | 36 ++---------
 pages/index.tsx                           |  2 +-
 3 files changed, 9 insertions(+), 105 deletions(-)

diff --git a/components/connect-wallet-modal/index.tsx b/components/connect-wallet-modal/index.tsx
index 8797812..20df265 100644
--- a/components/connect-wallet-modal/index.tsx
+++ b/components/connect-wallet-modal/index.tsx
@@ -1,74 +1,2 @@
-import { FunctionComponent } from "react";
-import ReactModal from "react-modal";
-import styled from "styled-components";
-import color from "../../styles/color";
-import { WalletList } from "../../constants/wallet";
-import { WalletItem } from "./wallet-item";
-
-interface Props {
-  isModalOpen: boolean;
-  onCloseModal: () => void;
-}
-
-export const ConnectWalletModal: FunctionComponent<Props> = (props) => {
-  const { isModalOpen, onCloseModal } = props;
-
-  return (
-    <ReactModal
-      isOpen={isModalOpen}
-      onRequestClose={onCloseModal}
-      style={{
-        overlay: { background: "#181818b3" },
-        content: {
-          top: "50%",
-          left: "50%",
-          right: "auto",
-          bottom: "auto",
-          padding: 0,
-          marginRight: "-50%",
-          transform: "translate(-50%, -50%)",
-          background: color.grey["800"],
-          border: 0,
-        },
-      }}
-    >
-      <ModalContainer>
-        <ModalTitle>Connect Wallet</ModalTitle>
-        <ModalDescription>
-          Plz check which account is selected after you connect it
-        </ModalDescription>
-
-        {WalletList.map((walletItem) => {
-          return <WalletItem wallet={walletItem} key={walletItem.name} />;
-        })}
-      </ModalContainer>
-    </ReactModal>
-  );
-};
-
-const ModalContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 0.9rem;
-  padding: 2.2rem;
-`;
-
-const ModalTitle = styled.div`
-  font-family: "Inter", serif;
-  font-style: normal;
-  font-weight: 600;
-  font-size: 1.5rem;
-  line-height: 1.8rem;
-
-  color: ${color.white};
-`;
-
-const ModalDescription = styled.div`
-  font-family: "Inter", serif;
-  font-style: normal;
-  font-weight: 500;
-  font-size: 0.8rem;
-  line-height: 1.1rem;
-
-  color: ${color.grey["400"]};
-`;
+export * from "./modal";
+export * from "./wallet-item";
diff --git a/components/connect-wallet-modal/modal.tsx b/components/connect-wallet-modal/modal.tsx
index edc9326..8797812 100644
--- a/components/connect-wallet-modal/modal.tsx
+++ b/components/connect-wallet-modal/modal.tsx
@@ -1,7 +1,9 @@
-import ReactModal from "react-modal";
 import { FunctionComponent } from "react";
+import ReactModal from "react-modal";
 import styled from "styled-components";
 import color from "../../styles/color";
+import { WalletList } from "../../constants/wallet";
+import { WalletItem } from "./wallet-item";
 
 interface Props {
   isModalOpen: boolean;
@@ -36,35 +38,9 @@ export const ConnectWalletModal: FunctionComponent<Props> = (props) => {
           Plz check which account is selected after you connect it
         </ModalDescription>
 
-        {/*<ChainConnectItem>*/}
-        {/*  <ChainConnectIcon>*/}
-        {/*    <Image src={KeplrIcon} fill={true} alt="Keplr Icon" />*/}
-        {/*  </ChainConnectIcon>*/}
-        {/*  <ChainConnectContentContainer>*/}
-        {/*    <ChainConnectContentTitle>Keplr</ChainConnectContentTitle>*/}
-        {/*  </ChainConnectContentContainer>*/}
-
-        {/*  <Flex1 />*/}
-
-        {/*  <Image src={ArrowRightIcon} alt="arrow right icon" />*/}
-        {/*</ChainConnectItem>*/}
-
-        {/*<ChainConnectItem>*/}
-        {/*  <ChainConnectIcon>*/}
-        {/*    <Image src={CosmostationIcon} fill={true} alt="Cosmostation Icon" />*/}
-        {/*  </ChainConnectIcon>*/}
-
-        {/*  <ChainConnectContentContainer>*/}
-        {/*    <ChainConnectContentTitle>Cosmostation</ChainConnectContentTitle>*/}
-
-        {/*    <ChainConnectContentDescription>*/}
-        {/*      Coming soon*/}
-        {/*    </ChainConnectContentDescription>*/}
-        {/*  </ChainConnectContentContainer>*/}
-        {/*  <Flex1 />*/}
-
-        {/*  <Image src={ArrowRightIcon} alt="arrow right icon" />*/}
-        {/*</ChainConnectItem>*/}
+        {WalletList.map((walletItem) => {
+          return <WalletItem wallet={walletItem} key={walletItem.name} />;
+        })}
       </ModalContainer>
     </ReactModal>
   );
diff --git a/pages/index.tsx b/pages/index.tsx
index 5a8590d..7f4e190 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -7,6 +7,7 @@ import color from "../styles/color";
 
 // Components
 import { PrimaryButton } from "../components/primary-button";
+import { ConnectWalletModal } from "../components/connect-wallet-modal";
 
 // Image Assets
 import MainTitle from "../public/images/svg/main-title.svg";
@@ -14,7 +15,6 @@ import MainLogo from "../public/images/svg/main-logo.svg";
 import CheckIcon from "../public/images/svg/check-icon.svg";
 import { Logo } from "../components/logo";
 import { useState } from "react";
-import { ConnectWalletModal } from "../components/connect-wallet-modal";
 
 export default function Home() {
   const [isModalOpen, setModalOpen] = useState(false);