diff --git a/frontend/package.json b/frontend/package.json index eb47c1c51..142c3e409 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -28,7 +28,7 @@ "@tanstack/react-query-devtools": "^4.36.1", "axios": "^1.5.1", "browser-image-compression": "^2.0.2", - "celuveat-ui-library": "^1.4.8", + "celuveat-ui-library": "^1.4.9", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.14.2", diff --git a/frontend/src/components/@common/Dialog/Dialog.tsx b/frontend/src/components/@common/Dialog/Dialog.tsx deleted file mode 100644 index fabf6278d..000000000 --- a/frontend/src/components/@common/Dialog/Dialog.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import { Modal } from 'celuveat-ui-library'; -import React, { ReactNode } from 'react'; -import styled from 'styled-components'; -import Exit from '~/assets/icons/exit.svg'; -import useCeluveatModal from '~/hooks/useCeluveatModal'; - -interface Props { - title?: string; - children: ReactNode; -} - -function Dialog({ title, children }: Props) { - const { closeModal } = useCeluveatModal(); - - return ( - <> - } /> - - {title} - - {children} - - - ); -} - -export default Dialog; - -const StyledOverlay = styled.div` - position: absolute; - top: 0; - - width: 100%; - height: 100%; - - background-color: black; - - opacity: 0.2; -`; - -const StyledContent = styled.div` - position: fixed; - top: 50%; - left: 50vw; - - min-width: 540px; - max-width: 66.6%; - - padding: 2.4rem; - margin: 0 auto; - - border-radius: 12px; - background-color: white; - - transform: translateX(-50%) translateY(-50%); -`; - -const StyledTitle = styled.h4` - text-align: center; - - margin-bottom: 2.4rem; -`; - -const StyledExitButton = styled(Exit)` - position: absolute; - top: 12px; - right: 12px; - - cursor: pointer; -`; diff --git a/frontend/src/components/@common/Dialog/index.tsx b/frontend/src/components/@common/Dialog/index.tsx deleted file mode 100644 index d0a54d2ee..000000000 --- a/frontend/src/components/@common/Dialog/index.tsx +++ /dev/null @@ -1,3 +0,0 @@ -import Dialog from './Dialog'; - -export default Dialog; diff --git a/frontend/src/components/Form/SuggestionForm/SuggestionForm.tsx b/frontend/src/components/Form/SuggestionForm/SuggestionForm.tsx index 61c20d25c..ba2d4f622 100644 --- a/frontend/src/components/Form/SuggestionForm/SuggestionForm.tsx +++ b/frontend/src/components/Form/SuggestionForm/SuggestionForm.tsx @@ -3,7 +3,7 @@ import { useParams } from 'react-router-dom'; import styled from 'styled-components'; import { postRevisedInfo } from '~/api/restaurant'; import TextButton from '~/components/@common/Button'; -import Dialog from '~/components/@common/Dialog'; + import { BORDER_RADIUS, FONT_SIZE } from '~/styles/common'; const labels = [ @@ -37,28 +37,26 @@ function SuggestionForm() { }; return ( - - -
수정 항목
-

잘못되었거나 수정이 필요한 정보들을 모두 선택해주세요.

- - {labels.map(label => ( - - - {label} - - ))} - - - -
-
+ +
수정 항목
+

잘못되었거나 수정이 필요한 정보들을 모두 선택해주세요.

+ + {labels.map(label => ( + + + {label} + + ))} + + + +
); } diff --git a/frontend/yarn.lock b/frontend/yarn.lock index a8fe4d836..611cea8ac 100644 --- a/frontend/yarn.lock +++ b/frontend/yarn.lock @@ -4681,10 +4681,10 @@ caseless@~0.12.0: resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc" integrity sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw== -celuveat-ui-library@^1.4.8: - version "1.4.8" - resolved "https://registry.yarnpkg.com/celuveat-ui-library/-/celuveat-ui-library-1.4.8.tgz#b1222f75aed4334bb802a699f5ac12c28109ff8c" - integrity sha512-8ac5xnw+8qnzrctsRmfUP5arIhPZEB3JyN8YZEB37/vWyXso7l61usMc8hSNxIQIDHeZvkhslyVeob0AeKLklA== +celuveat-ui-library@^1.4.9: + version "1.4.9" + resolved "https://registry.yarnpkg.com/celuveat-ui-library/-/celuveat-ui-library-1.4.9.tgz#3a5ba0dc5e028505deab69f5af1b4dd18a735f21" + integrity sha512-yx2/QTlWdvZGzUD2gtBsI4GjHQCKjrEv0D1PhAkHNaAnbPByWzqapmxw3duVv03lrJcYcNHrVgEpejhI3+idbQ== dependencies: zustand "^4.4.7"