fix(web-domains): handWavingStatus 추가로 인한 isHandWaving 삭제

README.md

@@ -49,6 +49,15 @@
 <br />
 <br />
 
+## 🛠️ Tech Stack
+
+<img src="https://github.com/user-attachments/assets/0a8b39ab-fe30-4f97-abf0-20695fc15ff8" alt="tech stack" width="600" />
+
+<br />
+<br />
+<br />
+
+
 ## 🛋️ Members
 
 |                                                                         FE                                                                         |                                                                         FE                                                                          |                                                                          FE                                                                           |                                                                          FE                                                                          |

packages/web-domains/src/answer/features/comment/components/CommentInput.tsx

@@ -1,5 +1,5 @@
 import { Icon, Txt, fontWeightVariants } from '@sambad/sds/components';
-import { colors, borderRadiusVariants } from '@sambad/sds/theme';
+import { borderRadiusVariants, colors } from '@sambad/sds/theme';
 import { HTMLAttributes, forwardRef, useState } from 'react';
 
 interface CommentInputProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {
@@ -32,7 +32,7 @@ export const CommentInput = forwardRef<HTMLInputElement, CommentInputProps>(
       width: '100%',
       height: '48px',
       borderRadius: borderRadiusVariants.medium,
-      padding: '12px 16px',
+      padding: '12px 40px 12px 16px',
       '::placeholder': {
         fontSize: '16px',
         fontWeight: fontWeightVariants.regular,

packages/web-domains/src/answer/features/progressing-question/containers/ProgressingQuestionContainer.tsx

@@ -14,11 +14,11 @@ import { ProgressingQuestionContainerSkeleton } from '../components/Skeleton/Pro
 import { useProgressingQuestionService } from '../services/useProgressingQuestionService';
 
 export const ProgressingQuestionContainer = () => {
-  const { progressingQuestion, meetingId, isLoading } = useProgressingQuestionService();
+  const { progressingQuestion, meetingId, isFetching } = useProgressingQuestionService();
 
   const isNowAnswered = !progressingQuestion?.isAnswered;
 
-  if (isLoading) return <ProgressingQuestionContainerSkeleton />;
+  if (isFetching) return <ProgressingQuestionContainerSkeleton />;
 
   if (!progressingQuestion) {
     return null;

packages/web-domains/src/answer/features/progressing-question/services/useProgressingQuestionService.tsx

@@ -27,26 +27,26 @@ export const useProgressingQuestionService = () => {
     },
   });
 
-  const { data: progressingQuestion, isLoading } = useGetProgressingQuestion({
+  const { data: progressingQuestion, isFetching } = useGetProgressingQuestion({
     params: { meetingId: parseInt(meetingId) },
     options: {
-      select: (data) => {
-        if (data?.startTime) {
-          setAnswerGlobalTime(dayjs(data.startTime).valueOf());
-        }
-        return data;
-      },
       enabled: !!meetingId,
     },
   });
 
+  useEffect(() => {
+    if (progressingQuestion?.startTime) {
+      setAnswerGlobalTime(dayjs(progressingQuestion.startTime).valueOf());
+    }
+  }, [progressingQuestion]);
+
   useEffect(() => {
     mutateAsync({ meetingId: parseInt(meetingId) });
   }, []);
 
   return {
     meetingId,
-    isLoading,
+    isFetching,
     gatherName: '삼봤드의 모험',
     progressingQuestion,
   };

packages/web-domains/src/home/common/apis/schema/Notification.schema.ts

@@ -3,7 +3,12 @@ export type NotificationType = {
   eventType: NotificationEventType;
 };
 
-export type NotificationEventType = 'QUESTION_REGISTERED' | 'TARGET_MEMBER' | 'HAND_WAVING_REQUESTED';
+export type NotificationEventType =
+  | 'QUESTION_REGISTERED'
+  | 'TARGET_MEMBER'
+  | 'HAND_WAVING_REQUESTED'
+  | 'HAND_WAVING_REJECTED'
+  | 'HAND_WAVING_ACCEPTED';
 
 export type NotificationResponseType =
   | {

packages/web-domains/src/home/common/apis/schema/useGetProgressingQuestionQuery.type.ts

@@ -18,7 +18,6 @@ export type MemberType = {
   name: string;
   profileImageFileUrl?: string;
   role: 'OWNER' | 'ADMIN' | 'MEMBER';
-  isHandWaved: boolean;
   isMe: boolean;
   handWavingStatus: HandWavingStatusType;
 };

packages/web-domains/src/home/features/gather-member/components/GatherMemberProfile/GatherMemberProfile.tsx

@@ -11,7 +11,7 @@ interface GatherMemberProfileProps {
 }
 
 export const GatherMemberProfile = ({ meetingId, member }: GatherMemberProfileProps) => {
-  const { name, role, profileImageFileUrl, meetingMemberId, isHandWaved, isMe, handWavingStatus } = member;
+  const { name, role, profileImageFileUrl, meetingMemberId, isMe, handWavingStatus } = member;
   const isOwner = role === 'OWNER';
 
   return (
@@ -27,12 +27,7 @@ export const GatherMemberProfile = ({ meetingId, member }: GatherMemberProfilePr
     >
       <Link href={isMe ? '/home/me' : `${meetingId}/about/${meetingMemberId}`}>
         <div css={{ alignItems: 'center', display: 'flex', flexDirection: 'column' }}>
-          <ProfileImage
-            imageUrl={profileImageFileUrl}
-            isConnection={isHandWaved}
-            isOnwer={isOwner}
-            handWavingStatus={handWavingStatus}
-          />
+          <ProfileImage imageUrl={profileImageFileUrl} isOnwer={isOwner} handWavingStatus={handWavingStatus} />
           <Txt typography="title2" css={{ marginTop: '12px' }}>
             {isMe ? '나' : name}
           </Txt>
@@ -44,13 +39,12 @@ export const GatherMemberProfile = ({ meetingId, member }: GatherMemberProfilePr
 
 interface ProfileImageProps {
   imageUrl?: string;
-  isConnection?: boolean;
   isOnwer?: boolean;
   handWavingStatus: HandWavingStatusType;
 }
 
-const ProfileImage = ({ imageUrl, isConnection = false, isOnwer = false, handWavingStatus }: ProfileImageProps) => {
-  const isHandWaving = isConnection || handWavingStatus === 'REQUESTED' || handWavingStatus === 'ACCEPTED';
+const ProfileImage = ({ imageUrl, isOnwer = false, handWavingStatus }: ProfileImageProps) => {
+  const isHandWaving = handWavingStatus === 'REQUESTED' || handWavingStatus === 'ACCEPTED';
 
   const color = handWavingStatus === 'ACCEPTED' ? colors.primary500 : colors.grey500;
 

packages/web-domains/src/home/features/gather-member/services/useGatherMemberProfileListService.tsx

@@ -1,5 +1,4 @@
 import { useAtomValue } from 'jotai';
-import { debounce } from 'lodash-es';
 import { useEffect, useState } from 'react';
 
 import { getWebDomain } from '@/common';
@@ -64,13 +63,7 @@ export const useGatherMemberProfileListService = () => {
   }, [data]);
 
   useEffect(() => {
-    let filter;
-    filter = debounce(handleChangeGatherMemberList, 300);
-    filter(searchInput);
-
-    return () => {
-      filter = null;
-    };
+    handleChangeGatherMemberList(searchInput);
   }, [searchInput]);
 
   return {

packages/web-domains/src/home/features/notification/containers/AlarmListContainer.tsx

@@ -64,7 +64,8 @@ export const AlarmListContainer = () => {
           />
         );
       }
-
+      case 'HAND_WAVING_ACCEPTED':
+      case 'HAND_WAVING_REJECTED':
       case 'QUESTION_REGISTERED':
       case 'TARGET_MEMBER':
         return <NotificationItem.AlarmItem alarm={notification} />;

packages/web-domains/src/user/common/api/mutations/useModifyUserInfo.ts

@@ -40,7 +40,6 @@ export const useModifyUserInfo = ({ options }: Args) => {
 
 async function modifyUserInfo(params: Params): Promise<MeetingMemberResponse> {
   const { meetingId, ...restParams } = params;
-  console.log(restParams);
   const data = await Http.PATCH<Params, MeetingMemberResponse>(`/v1/meetings/${meetingId}/members/me`, restParams);
   return data;
 }