Fix: 워딩 정리

src/components/DetailSectionBottom/DetailReviews.tsx

@@ -190,7 +190,7 @@ export default function DetailReviews({
         {modalChildren === 'MyAlert' && alertType === 'LoginReview' && (
           <MyAlert
             title="로그인"
-            content="리뷰 쓰기 시 로그인이 필요해요. 로그인하시겠어요?"
+            content="리뷰를 쓰려면 로그인이 필요해요. 로그인하러 가볼까요?"
           />
         )}
       </Modal>

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">
             다녀온 여행지의 리뷰를 남겨보세요!

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);

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>
         )}

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();

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;

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>
   );