diff --git a/src/App.tsx b/src/App.tsx index 6ea4d51..e2b7911 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,6 +1,6 @@ import { QueryClient, QueryClientProvider } from "react-query"; import GlobalStyle from "./style/GlobalStyle"; -import { HashRouter as Router } from "react-router-dom"; +// import { HashRouter as Router } from "react-router-dom"; import MainRouter from "./router/MainRouter"; import { BrowserRouter } from "react-router-dom"; import { ThemeProvider } from "styled-components"; diff --git a/src/components/main/ExcelHeader.tsx b/src/components/main/ExcelHeader.tsx index 9ca25a9..32042f9 100644 --- a/src/components/main/ExcelHeader.tsx +++ b/src/components/main/ExcelHeader.tsx @@ -1,6 +1,7 @@ import styled from "styled-components"; import ExcelTab from "./ExcelTab"; import { ExcelTabItemType } from "../../constants/main"; +import { useRef } from "react"; interface ExcelHeaderProps { clickItemInfo: ExcelTabItemType; @@ -8,6 +9,8 @@ interface ExcelHeaderProps { } const ExcelHeader = ({ clickItemInfo, setClickItemInfo }: ExcelHeaderProps) => { + const ref = useRef(null); + return ( { setClickItemInfo={setClickItemInfo} /> - 엑셀파일 업로드 + { + ref.current!.click(); + }} + > + 엑셀파일 업로드 + + ""} + /> 엑셀파일 출력 @@ -33,8 +48,7 @@ const ButtonBox = styled.div` `; const ExcelUploadButton = styled.button` - width: 9vw; - min-width: 114px; + width: 133px; height: 40px; border-radius: 8px; font-weight: 500; @@ -47,8 +61,7 @@ const ExcelUploadButton = styled.button` `; const ExcelOutputButton = styled.button` - width: 9vw; - min-width: 100px; + width: 133px; height: 40px; border-radius: 8px; font-weight: 500;