refactor: 불필요한 ButtonContainer 제거

woowacourse-teams · Jul 31, 2024 · 9d43f5c · 9d43f5c
1 parent 89b5304
commit 9d43f5c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 10 deletions.
diff --git a/frontend/src/pages/ErrorPage/components/ErrorSection/index.tsx b/frontend/src/pages/ErrorPage/components/ErrorSection/index.tsx
@@ -37,16 +37,16 @@ const ErrorSection = ({ errorMessage, handleReload, handleGoHome }: ErrorSection
       </S.ErrorLogoWrapper>
       <S.ErrorMessage>{errorMessage}</S.ErrorMessage>
       <S.Container>
-        {buttons.map((button, index) => (
-          <S.ButtonContainer key={index}>
+        {buttons.map((button) => (
+          <>
             <Button
               buttonType={button.buttonType}
               text={button.text}
               image={button.image}
               imageDescription={button.imageDescription}
               onClick={button.onClick}
             />
-          </S.ButtonContainer>
+          </>
         ))}
       </S.Container>
     </S.Layout>

diff --git a/frontend/src/pages/ErrorPage/components/ErrorSection/styles.ts b/frontend/src/pages/ErrorPage/components/ErrorSection/styles.ts
@@ -29,13 +29,6 @@ export const Container = styled.div`
   gap: 3.5rem;
   align-items: center;
   justify-content: center;
-`;
-
-export const ButtonContainer = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 3rem;
 
   & > button {
     width: 17rem;