refactor: (#55) styled component 변수명 수정

woowacourse-teams · Jul 18, 2023 · 19721cb · 19721cb
1 parent 3a1be5a
commit 19721cb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/components/PostForm/index.tsx b/frontend/src/components/PostForm/index.tsx
@@ -162,19 +162,19 @@ export default function PostForm({ data, mutate, isError, error }: PostFormProps
  {isOpen && (
  <Modal size="sm" onModalClose={closeComponent}>
  <>
- <S.Header>
+ <S.ModalHeader>
  <h3>마감 시간 선택</h3>
  <S.CloseButton onClick={closeComponent}>X</S.CloseButton>
- </S.Header>
- <S.Body>
+ </S.ModalHeader>
+ <S.ModalBody>
  <S.Description>최대 3일을 넘을 수 없습니다.</S.Description>
  <TimePickerOptionList time={time} setTime={setTime} />
  <S.ResetButtonWrapper>
  <SquareButton onClick={handleResetBUtton} theme="blank">
  초기화
  </SquareButton>
  </S.ResetButtonWrapper>
- </S.Body>
+ </S.ModalBody>
  </>
  </Modal>
  )}

diff --git a/frontend/src/components/PostForm/style.ts b/frontend/src/components/PostForm/style.ts
@@ -1,6 +1,6 @@
 import { styled } from 'styled-components';
 
-export const Header = styled.div`
+export const ModalHeader = styled.div`
  display: flex;
  justify-content: space-between;
  align-items: center;
@@ -13,7 +13,7 @@ export const Header = styled.div`
  font-weight: bold;
 `;
 
-export const Body = styled.div`
+export const ModalBody = styled.div`
  display: flex;
  flex-direction: column;
  justify-content: start;