Merge pull request #81 from INFLUY/feat/#78

[FEAT] 기타 디테일 수정

Author: seoyeon5117

src/assets/icon/common/Calendar.svg

@@ -36,7 +36,7 @@ export const VanillaProfileImageUploader = ({
       >
         <CameraCircleIcon
           aria-hidden="true"
-          className="absolute right-0 bottom-0 cursor-pointer"
+          className="text-grey02 absolute right-0 bottom-0 h-6 w-6 cursor-pointer"
         />
         <img
           src={value ?? ProfileIcon}

src/assets/icon/common/Camera.svg

@@ -1,6 +1,4 @@
 import { RadioInputList } from './RadioInput.types';
-import RadioButtonUnChecked from '@/assets/icon/common/RadioButtonUnchecked.svg?react';
-import RadioButtonChecked from '@/assets/icon/common/RadioButtonChecked.svg?react';
 import cn from '@/utils/cn';
 
 const RadioInput = ({
@@ -32,11 +30,14 @@ const RadioInput = ({
         checked={isSelected}
         onChange={() => setSelected(item.type)}
       />
-      {isSelected ? (
-        <RadioButtonChecked className="shrink-0" />
-      ) : (
-        <RadioButtonUnChecked className="shrink-0" />
-      )}
+      <div
+        className={cn(
+          'h-[1.25rem] w-[1.25rem] rounded-full border-1 p-1',
+          isSelected
+            ? 'border-[.3125rem] border-black bg-white'
+            : 'border-grey04 bg-grey02'
+        )}
+      />
       <label
         htmlFor={item.text}
         className="flex cursor-pointer flex-col gap-1 break-words whitespace-break-spaces"

src/assets/icon/common/CameraCircle.svg

@@ -1,6 +1,6 @@
 import { useFormContext, useController } from 'react-hook-form';
 import { useSingleImageUploader } from '@/hooks/useSingleImageUploader';
-import CameraIcon from '@/assets/icon/common/Camera.svg?react';
+import CameraIcon from '@/assets/icon/common/CameraCircle.svg?react';
 import ImageResizeIcon from '@/assets/icon/seller/ImageResizeIcon.svg?react';
 import Delete2Icon from '@/assets/icon/common/Delete2Icon.svg?react';
 import Edit2Icon from '@/assets/icon/common/Edit2Icon.svg?react';
@@ -54,7 +54,7 @@ export const FaqImageUploader = ({
           className="flex h-full w-full cursor-pointer items-center justify-center"
         >
           <CameraIcon
-            className="h-[4.625rem] w-[4.625rem]"
+            className="h-27 w-27 text-transparent"
             aria-hidden="true"
           />
         </label>

src/assets/icon/common/RadioButtonChecked.svg

@@ -164,18 +164,16 @@ export const ItemForm = ({
             className="flex w-full flex-col items-start justify-center gap-1.5"
           >
             <p className="caption-m">시작일</p>
-            <div className="body2-m border-grey03 flex h-fit w-full items-center justify-between rounded-xs border px-3.5 py-2.5">
+            <div
+              className="body2-m border-grey03 flex h-fit w-full items-center justify-between rounded-xs border px-3.5 py-2.5"
+              onClick={() => setIsStartDateTimeSheetOpen(true)}
+            >
               <span
                 className={cn(startISODateTime ? 'text-black' : 'text-grey06')}
               >
                 {formatDate(startISODateTime)}
               </span>
-              <button
-                type="button"
-                onClick={() => setIsStartDateTimeSheetOpen(true)}
-              >
-                <CalendarIcon />
-              </button>
+              <CalendarIcon aria-hidden="true" />
             </div>
           </div>
 
@@ -207,13 +205,16 @@ export const ItemForm = ({
             className="flex w-full flex-col items-start justify-center gap-1.5"
           >
             <p className="caption-m">마감일</p>
-            <div className="body2-m border-grey03 flex h-fit w-full items-center justify-between rounded-xs border px-3.5 py-2.5">
+            <div
+              className="body2-m border-grey03 flex h-fit w-full items-center justify-between rounded-xs border px-3.5 py-2.5"
+              onClick={() => setIsEndDateTimeSheetOpen(true)}
+            >
               <span
                 className={cn(endISODateTime ? 'text-black' : 'text-grey06')}
               >
                 {formatDate(endISODateTime)}
               </span>
-              <CalendarIcon onClick={() => setIsEndDateTimeSheetOpen(true)} />
+              <CalendarIcon aria-label="true" />
             </div>
           </div>
 

src/assets/icon/common/RadioButtonUnchecked.svg

@@ -1,9 +1,8 @@
-import CameraIcon from '@/assets/icon/common/Camera.svg?react';
+import CameraIcon from '@/assets/icon/common/CameraCircle.svg?react';
 import cn from '@/utils/cn';
 import { useFormContext, useController } from 'react-hook-form';
 import DeleteIcon from '@/assets/icon/common/Delete.svg?react';
 import { useSnackbarStore } from '@/store/snackbarStore';
-import { useEffect } from 'react';
 import { usePostPresignedUrl } from '@/services/presignedUrl/usePostPresignedUrl';
 import { ItemFormValues } from '@/types/item.types';
 
@@ -67,21 +66,15 @@ export const ItemImageUploader = ({ name }: ItemImageUploaderProps) => {
     onChange(updated);
   };
 
-  useEffect(() => {
-    return () => {
-      // Blob URL 안 쓰므로 revoke 불필요
-    };
-  }, []);
-
   return (
     <article className="flex w-full flex-nowrap items-center gap-x-1.5 pl-5">
       {/* 사진 추가 박스 */}
       <label className="bg-grey03 mt-[1.125rem] mb-5 flex h-[3.75rem] w-[3.75rem] shrink-0 cursor-pointer flex-col items-center justify-center rounded-[.1875rem]">
-        <CameraIcon />
+        <CameraIcon className="h-6 w-6 text-transparent" />
         <span
           className={cn(
             'caption-m mt-0.5',
-            images.length == 0 ? 'text-grey07' : 'text-grey10'
+            images.length === 0 ? 'text-grey07' : 'text-grey10'
           )}
         >
           {images.length}/10