diff --git a/src/components/Atoms/Button.tsx b/src/components/Atoms/Button.tsx index c26ae81d..d15192ce 100644 --- a/src/components/Atoms/Button.tsx +++ b/src/components/Atoms/Button.tsx @@ -54,6 +54,14 @@ export const NavButton = styled(Button)` margin: 13px 0; `; +export const AdditionNavButton = styled(Button)` + margin: 13px 0; + background-color: white; + color: #312ed7; + border: 1px solid #312ed7; + margin: 13px 0px 0px 0px; +`; + export const NavSmallButton = styled(Button)` margin: 13px 0; font-size: 15px; diff --git a/src/pages/locker/locations/components/SubmitButton/SubmitButton.tsx b/src/pages/locker/locations/components/SubmitButton/SubmitButton.tsx index 62ff838f..aaa2a892 100644 --- a/src/pages/locker/locations/components/SubmitButton/SubmitButton.tsx +++ b/src/pages/locker/locations/components/SubmitButton/SubmitButton.tsx @@ -2,7 +2,7 @@ import { computed } from 'mobx'; import { observer } from 'mobx-react-lite'; import { useCallback } from 'react'; -import { NavButton, PageFooter } from '@/components'; +import { NavButton, PageFooter, AdditionNavButton } from '@/components'; import { usePageUiStore } from '@/hooks'; export const SubmitButton = observer(() => { @@ -30,21 +30,12 @@ export const SubmitButton = observer(() => { return ( - {/* {isSelectedMine ? ( + {isSelectedMine ? ( // TODO : 반복 버튼 컴포넌트 만들기 - + 연장하기 - - ) : null} */} + + ) : null} 신청하기