[Qa] 최초 가입 후 일정 표시, 포인트 갱신 및 사용자 프로필 사진 스타일 개선

apps/web/src/features/crew-confirm-status/hooks/useConfirmJoinStatus.ts

@@ -6,7 +6,7 @@ import { postConfirmJoinStatus } from '@/features/crew-confirm-status/api/postCo
 import { CREW_JOIN_STATUS } from '@/features/crew-join-status/model/crewJoinStatus';
 import type { CrewJoinStatus } from '@/features/crew-join-status/model/types';
 
-import { crewQueries, memberQueries } from '@/shared/queries';
+import { crewQueries, memberQueries, scheduleQueries } from '@/shared/queries';
 
 export const useConfirmJoinStatus = (status: CrewJoinStatus | null) => {
   const { replace } = useFlow();
@@ -22,6 +22,9 @@ export const useConfirmJoinStatus = (status: CrewJoinStatus | null) => {
       queryClient.invalidateQueries({
         queryKey: memberQueries.myInfoKey(),
       });
+      queryClient.invalidateQueries({
+        queryKey: scheduleQueries.all,
+      });
 
       const redirectActivity =
         status === CREW_JOIN_STATUS.JOINED ? 'HomePage' : 'OnboardingPage';

apps/web/src/features/order/model/useOrder.ts

@@ -1,10 +1,11 @@
 import { useActivityParams } from '@stackflow/react';
-import { useMutation, useQuery } from '@tanstack/react-query';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { useState } from 'react';
 
 import { PAYMENT_METHOD_MAP } from '@/shared/constants/order';
 import { parseOrderParams } from '@/shared/lib/orderParams';
 import type { OrderPageParams } from '@/shared/lib/orderParams';
+import { memberQueries } from '@/shared/queries';
 import { orderQueries } from '@/shared/queries/order';
 import { toastError } from '@/shared/ui/toast';
 
@@ -23,6 +24,7 @@
   const params = useActivityParams<OrderPageParams>();
   const { skuId, quantity, cartItemIds } = parseOrderParams(params);
   const isDirectOrder = skuId > 0;
+  const queryClient = useQueryClient();
 
   const [selectedPaymentCode, setSelectedPaymentCode] = useState<
     string | undefined

apps/web/src/widgets/profile/ui/RoundProfileImage.tsx

@@ -1,4 +1,5 @@
 import clsx from 'clsx';
+import { useEffect, useState } from 'react';
 
 import * as styles from '@/widgets/profile/styles/RoundProfileImage.css';
 
@@ -15,7 +16,13 @@ export function RoundProfileImage({
   size = 96,
   className,
 }: RoundProfileImageProps) {
-  if (!src) {
+  const [hasLoadError, setHasLoadError] = useState(false);
+
+  useEffect(() => {
+    setHasLoadError(false);
+  }, [src]);
+
+  if (!src || hasLoadError) {
     return (
       <div
         className={clsx(styles.placeholderContainer, className)}
@@ -33,6 +40,7 @@ export function RoundProfileImage({
       width={size}
       height={size}
       className={clsx(styles.profileImage, className)}
+      onError={() => setHasLoadError(true)}
     />
   );
 }

apps/web/src/widgets/schedule/styles/ScheduleParticipantListItem.css.ts

@@ -15,6 +15,7 @@ export const itemHorizontal = style({
 export const profileWrapper = style({
   position: 'relative',
   flexShrink: 0,
+  height: 48,
 });
 
 export const creatorBadge = style({

apps/web/src/widgets/schedule/ui/ScheduleParticipantListItem.tsx

@@ -30,11 +30,13 @@ export function ScheduleParticipantListItem({
       {isHorizontal ? (
         <div className={styles.infoRow}>
           <span className={styles.nicknameHorizontal}>
-            {participant.nickname}
+            {participant.nickname ?? '알수없음'}
           </span>
         </div>
       ) : (
-        <span className={styles.nicknameVertical}>{participant.nickname}</span>
+        <span className={styles.nicknameVertical}>
+          {participant.nickname ?? '알수없음'}
+        </span>
       )}
     </div>
   );