From 07a0db4b6384496e195f45f5c387a1cdd404930e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=96=B4=EC=8A=B9=EC=A4=80?= <eoseungjun7@naver.com>
Date: Wed, 24 Jan 2024 15:19:32 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=EC=9B=8C=EB=94=A9=20=EC=A0=95=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DetailSectionBottom/DetailReviews.tsx | 2 +-
 src/components/Review/MyReview.tsx                   | 2 +-
 src/components/Review/ReviewButton.tsx               | 6 +-----
 src/components/Review/ReviewComments.tsx             | 4 ++--
 src/components/Trip/TripPreference.tsx               | 8 ++++----
 src/components/Trip/TripRealtimeMember.tsx           | 3 +--
 src/components/common/toastpopup/ToastPopUp.tsx      | 2 +-
 7 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/components/DetailSectionBottom/DetailReviews.tsx b/src/components/DetailSectionBottom/DetailReviews.tsx
index bde618f1..93e1e310 100644
--- a/src/components/DetailSectionBottom/DetailReviews.tsx
+++ b/src/components/DetailSectionBottom/DetailReviews.tsx
@@ -190,7 +190,7 @@ export default function DetailReviews({
         {modalChildren === 'MyAlert' && alertType === 'LoginReview' && (
           <MyAlert
             title="로그인"
-            content="리뷰 쓰기 시 로그인이 필요해요. 로그인하시겠어요?"
+            content="리뷰를 쓰려면 로그인이 필요해요. 로그인하러 가볼까요?"
           />
         )}
       </Modal>
diff --git a/src/components/Review/MyReview.tsx b/src/components/Review/MyReview.tsx
index a34d61ce..7bb3cfb5 100644
--- a/src/components/Review/MyReview.tsx
+++ b/src/components/Review/MyReview.tsx
@@ -114,7 +114,7 @@ export default function MyReview() {
             <PenIcon size={50} color="#D7D7D7" />
           </div>
           <div className="text-md mb-2 flex justify-center font-bold text-gray4">
-            작성한 리뷰가 없습니다
+            내가 쓴 리뷰가 없어요
           </div>
           <div className="flex justify-center text-sm text-gray4">
             다녀온 여행지의 리뷰를 남겨보세요!
diff --git a/src/components/Review/ReviewButton.tsx b/src/components/Review/ReviewButton.tsx
index 11885da3..634dd2c5 100644
--- a/src/components/Review/ReviewButton.tsx
+++ b/src/components/Review/ReviewButton.tsx
@@ -3,11 +3,7 @@ import { ratingState } from '@recoil/review';
 import { useEffect, useState } from 'react';
 import { useRecoilValue } from 'recoil';
 
-interface ButtonProps {
-  onClick: () => void;
-}
-
-const ReviewButton = (props: ButtonProps) => {
+const ReviewButton = (props: { onClick: () => void }) => {
   const { onClick } = props;
   const rating = useRecoilValue(ratingState);
   const [isRatingValid, setIsRatingValid] = useState(false);
diff --git a/src/components/Review/ReviewComments.tsx b/src/components/Review/ReviewComments.tsx
index 485147bc..965314d2 100644
--- a/src/components/Review/ReviewComments.tsx
+++ b/src/components/Review/ReviewComments.tsx
@@ -89,8 +89,8 @@ export default function ReviewComments() {
       <div className="h-[8px] bg-gray1"></div>
       <div className="flex flex-col">
         {commentDataLength == 0 && (
-          <div className="mb-4 flex flex-col items-center justify-center text-sm text-gray4">
-            <div>댓글이 없습니다. </div>
+          <div className="mt-10 flex flex-col items-center justify-center text-sm text-gray4">
+            <div>아직 댓글이 없어요. </div>
             <div>첫 댓글을 작성해보세요!</div>
           </div>
         )}
diff --git a/src/components/Trip/TripPreference.tsx b/src/components/Trip/TripPreference.tsx
index bcc94302..16749894 100644
--- a/src/components/Trip/TripPreference.tsx
+++ b/src/components/Trip/TripPreference.tsx
@@ -14,19 +14,19 @@ import { useGetTripsAuthority } from '@hooks/useGetTripsAuthority';
 import { useNavigate } from 'react-router-dom';
 import { getMember } from '@api/member';
 
-interface RatioBarParams {
+type RatioBarParams = {
   value: number;
   total: number;
   color: string;
   label1: string;
   label2: string;
-}
+};
 
-interface PercentageParams {
+type PercentageParams = {
   value: number;
   total: number;
   color: string;
-}
+};
 
 const TripPreferenceButton: React.FC = () => {
   const { tripAuthority } = useGetTripsAuthority();
diff --git a/src/components/Trip/TripRealtimeMember.tsx b/src/components/Trip/TripRealtimeMember.tsx
index c57afe5a..db5a77ea 100644
--- a/src/components/Trip/TripRealtimeMember.tsx
+++ b/src/components/Trip/TripRealtimeMember.tsx
@@ -6,7 +6,6 @@ import { Navigation } from 'swiper/modules';
 
 const TripRealtimeMember = () => {
   const { tripMember } = useContext(socketContext);
-
   const tripMemberData = tripMember?.data;
 
   return (
@@ -15,7 +14,7 @@ const TripRealtimeMember = () => {
         slidesPerView={5}
         navigation={true}
         modules={[Navigation]}
-        className="w-[100vw]items-center flex max-w-[375px] justify-center">
+        className="flex w-[100vw] max-w-[375px] items-center justify-center">
         {tripMemberData?.tripMembers?.map((member) => {
           const isConnected = member?.connected;
           const thumbnailUrl = member?.thumbnailUrl;
diff --git a/src/components/common/toastpopup/ToastPopUp.tsx b/src/components/common/toastpopup/ToastPopUp.tsx
index 4dbf53ca..004ebacd 100644
--- a/src/components/common/toastpopup/ToastPopUp.tsx
+++ b/src/components/common/toastpopup/ToastPopUp.tsx
@@ -51,7 +51,7 @@ const ToastPopUp: React.FC<ToastPopUpProps> = ({ noun, verb }) => {
       <CircleCheckIcon fill="#29DDF6" className="mr-2" />
       <p>
         {noun}
-        {particle} {verb}되었습니다.
+        {particle} {verb}되었어요.
       </p>
     </div>
   );