refactor: props 네이밍 규칙 준수

BCSDLab · Aug 26, 2024 · 8746fa8 · 8746fa8
1 parent 4327b73
commit 8746fa8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 13 deletions.
diff --git a/src/pages/Services/Review/ReviewCard.style.tsx b/src/pages/Services/Review/ReviewCard.style.tsx
@@ -5,11 +5,11 @@ export const Shortcut = styled.a`
   text-decoration: none;
 `;
 
-export const Container = styled.div<{ $isHandle: boolean }>`
+export const Container = styled.div<{ isHandle: boolean }>`
   display: flex;
   flex-direction: column;
   padding: 10px 15px;
-  background: ${(props) => (props.$isHandle ? '#ff000050' : '#00BFFF10')};
+  background: ${(props) => (props.isHandle ? '#ff000050' : '#00BFFF10')};
   border-radius: 10px;
   transition: scale 0.3s, height 0.3s;
   width: 100%;

diff --git a/src/pages/Services/Review/ReviewCard.tsx b/src/pages/Services/Review/ReviewCard.tsx
@@ -3,15 +3,14 @@ import { Button, message, Modal } from 'antd';
 import { useState } from 'react';
 import { CaretUpOutlined, CaretDownOutlined } from '@ant-design/icons';
 import { useDeleteReviewMutation, useSetReviewDismissedMutation } from 'store/api/review';
+import { KOIN_URL } from 'constant';
 import * as S from './ReviewCard.style';
 
 interface Props {
   review: ReviewContent;
   currentPage: number;
 }
 
-const KOIN_URL = process.env.REACT_APP_API_PATH?.includes('stage') ? 'https://stage.koreatech.in' : 'https://koreatech.in';
-
 export default function ReviewCard({ review, currentPage }: Props) {
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
@@ -54,7 +53,7 @@ export default function ReviewCard({ review, currentPage }: Props) {
   };
 
   return (
-    <S.Container $isHandle={review.isHaveUnhandledReport}>
+    <S.Container isHandle={review.isHaveUnhandledReport}>
       <S.Row>
         <S.RowItem>
           <S.Item>

diff --git a/src/pages/Services/Review/ReviewList.style.tsx b/src/pages/Services/Review/ReviewList.style.tsx
@@ -24,11 +24,3 @@ export const DataContainer = styled.div`
   width: 100%;
   margin-bottom: 30px;
 `;
-
-export const RightDownButton = styled.div`
-  position: fixed;
-  bottom: 100px;
-  right: 100px;
-  font-size: 40px;
-  cursor: pointer;
-`;