Feat: 리뷰통계 더보기 아이콘 수정

WePlanPlans · Jan 19, 2024 · 8205a08 · 8205a08
1 parent f9909aa
commit 8205a08
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 41 deletions.
diff --git a/src/components/DetailSectionBottom/DetailReviewStats.tsx b/src/components/DetailSectionBottom/DetailReviewStats.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { useGetToursReviews } from '@hooks/useReviewStats';
 import { v4 as uuidv4 } from 'uuid';
-import { DownIcon } from '@components/common/icons/Icons';
+import { DropdownIcon } from '@components/common/icons/Icons';
 import useReviewStatsCalculator from '@hooks/useReviewStatsCalculator';
 import { getEmoji } from '@utils/utils';
 
@@ -45,11 +45,11 @@ const DetailReviewStats = () => {
         <div className="flex items-center justify-center">
           <div
             onClick={() => setShowAll(!showAll)}
-            className="cursor-pointer transition-transform duration-300"
+            className="mt-[9px] cursor-pointer transition-transform duration-300"
             style={{
               transform: showAll ? 'rotate(180deg)' : 'rotate(0deg)',
             }}>
-            <DownIcon />
+            <DropdownIcon />
           </div>
         </div>
       )}

diff --git a/src/components/Plan/PlanSectionTop.tsx b/src/components/Plan/PlanSectionTop.tsx
@@ -13,7 +13,6 @@ import { dayState, dateState } from '@recoil/plan';
 import { tripIdState, memberIdState } from '@recoil/socket';
 import { calculateDayAndDate } from '@utils/utils';
 import { TripSchedule } from '@components/Trip/TripSchedule';
-import { getItem } from '@utils/localStorageFun';
 
 const PlanSectionTop = () => {
   const navigate = useNavigate();

diff --git a/src/components/Trip/TripRealtimeEditor.tsx b/src/components/Trip/TripRealtimeEditor.tsx
@@ -26,16 +26,16 @@ const TripRealtimeEditor = () => {
     setPubMember({ token: token || '' });
   }, [token]);
 
-  useEffect(() => {
-    if (pubMember && tripId) {
-      callBackPub(() => {
-        pubConnectMember(pubMember, tripId);
-      });
-      return () => {
-        callBackPub(() => pubDisconnectMember(pubMember, tripId));
-      };
-    }
-  }, [pubMember]);
+  // useEffect(() => {
+  //   if (pubMember && tripId) {
+  //     callBackPub(() => {
+  //       pubConnectMember(pubMember, tripId);
+  //     });
+  //     return () => {
+  //       callBackPub(() => pubDisconnectMember(pubMember, tripId));
+  //     };
+  //   }
+  // }, [pubMember]);
 
   const tripMemberData = tripMember?.data;
   useEffect(() => {

diff --git a/src/components/Trip/TripSchedule.tsx b/src/components/Trip/TripSchedule.tsx
@@ -12,9 +12,6 @@ export const TripSchedule = () => {
             <span className="body4 pt-[1px] text-gray4">5</span>
           </div>
         </div>
-        <button className="body3 rounded-lg border-2 border-solid border-gray2 p-2 text-gray4">
-          편집
-        </button>
       </div>
       <span className="body1 text-gray4">23.12.23 - 23.12.25</span>
     </>

diff --git a/src/components/common/icons/Icons.tsx b/src/components/common/icons/Icons.tsx
@@ -1299,7 +1299,6 @@ export const CounterIcon: React.FC<
   );
 };
 
-
 export const PlanColorIcon: React.FC<IconProps> = ({ size = 21 }) => {
   return (
     <svg
@@ -1332,7 +1331,6 @@ export const PlanColorIcon: React.FC<IconProps> = ({ size = 21 }) => {
   );
 };
 
-
 export const ThumbsUp: React.FC<IconProps> = ({
   size = 16,
   fill = '#1E1E1E',
@@ -1675,34 +1673,21 @@ export const PaperIcon: React.FC<IconProps> = ({}) => {
   );
 };
 
-export const PlanColorIcon = () => {
+export const DropdownIcon: React.FC<IconProps> = ({}) => {
   return (
     <svg
+      width={23}
+      height={9}
+      viewBox="0 0 23 9"
+      fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      width="21"
-      height="20"
-      viewBox="0 0 21 20"
-      fill="none">
+      preserveAspectRatio="xMidYMid meet">
       <path
-        d="M18.4997 -0.00390625H6.49745C5.39267 -0.00390625 4.49707 0.891702 4.49707 1.99649V17.9997C4.49707 19.1045 5.39267 20.0001 6.49745 20.0001H18.4997C19.6045 20.0001 20.5001 19.1045 20.5001 17.9997V1.99649C20.5001 0.891702 19.6045 -0.00390625 18.4997 -0.00390625Z"
-        fill="#D7D7D7"
-      />
-      <path
-        d="M8.69458 6.86328H16.2479"
-        stroke="#B9B9B9"
-        strokeWidth="1.50023"
+        d="M1.03125 1.22656L11.0311 7.60992L21.0313 1.22656"
+        stroke="#D7D7D7"
+        strokeWidth={2}
         strokeLinecap="round"
       />
-      <path
-        d="M8.69458 10.6094H16.2479"
-        stroke="#B9B9B9"
-        strokeWidth="1.50023"
-        strokeLinecap="round"
-      />
-      <path
-        d="M16.4989 -0.00390625H8.49737V1.99649C8.49737 2.52703 8.70813 3.03584 9.08327 3.41099C9.45842 3.78613 9.96722 3.99689 10.4978 3.99689H14.4985C15.029 3.99689 15.5378 3.78613 15.913 3.41099C16.2881 3.03584 16.4989 2.52703 16.4989 1.99649V-0.00390625ZM3.58644 6.28734L10.2077 12.8987C10.3905 13.0903 10.4941 13.344 10.4978 13.6088V14.9991C10.4978 15.2643 10.3924 15.5188 10.2048 15.7063C10.0172 15.8939 9.76283 15.9993 9.49756 15.9993H8.1073C7.97567 16 7.84518 15.9748 7.72332 15.925C7.60146 15.8753 7.49062 15.8019 7.39716 15.7092L0.785911 9.0879C0.60265 8.90094 0.5 8.64957 0.5 8.38776C0.5 8.12596 0.60265 7.87459 0.785911 7.68762L2.18618 6.28734C2.37314 6.10408 2.62451 6.00143 2.88631 6.00143C3.14811 6.00143 3.39948 6.10408 3.58644 6.28734Z"
-        fill="#5996CE"
-      />
     </svg>
   );
 };