diff --git a/src/App.tsx b/src/App.tsx index b33c81e..6d7c1ee 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -9,12 +9,14 @@ import { Input, Layout, PageHeader, + Space, Spin, Typography, } from "antd"; import { CheckCircleFilled, CheckCircleOutlined, + GithubFilled, LoadingOutlined, ReloadOutlined, } from "@ant-design/icons"; @@ -23,20 +25,11 @@ import { * Internal modules */ import "./App.css"; +import { AddressList, Header, Content, Footer } from "./components"; import { AddressData, AddressManager } from "./AddressManager"; -import { AddressList } from "./components/AddressList"; import { SettingsManager, Settings } from "./SettingsManager"; import { getRuntime } from "./utils"; -const Header = styled.div` - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 1; - background-color: #f0f2f5; -`; - const ListTopWrapper = styled.div` display: flex; align-items: center; @@ -153,6 +146,14 @@ export const App = (props: Props) => { // eslint-disable-next-line react-hooks/exhaustive-deps }, []); + const handlePrivacyClick = () => { + window.open("https://github.com/Jaewoook/kor-address-extension/master/privacy.html"); + }; + + const handleGitHubClick = () => { + window.open("https://github.com/Jaewoook/kor-address-extension"); + }; + const handleSearchOptionClick = useCallback((type: "eng" | "road" | "legacy") => async () => { if (updatingSettings) { return; @@ -272,7 +273,7 @@ export const App = (props: Props) => { onSearch={handleSearchClick} /> - + { ✅ 모든 검색 결과를 확인했습니다! ) : null} - + + ); };