fix: send null for optional dimensions

Author: YeongJae0114

src/app/art/[id]/edit/page.tsx

@@ -25,8 +25,9 @@ function FieldWrapper({ children }: { children: React.ReactNode }) {
   return <div className="flex flex-col gap-2">{children}</div>;
 }
 
-function toOptionalNumber(value: string) {
-  return value.trim() === "" ? undefined : Number(value);
+function toNullableNumber(value: string) {
+  const trimmed = value.trim();
+  return trimmed === "" ? null : Number(trimmed);
 }
 
 function toDate(value: string | null) {
@@ -68,9 +69,9 @@ function ArtEditForm({ artwork, artworkId }: { artwork: ArtworkDetail; artworkId
         description: description.trim(),
         caution: notes.trim(),
         sizeType: artwork.sizeType ?? "STANDARD",
-        widthCm: toOptionalNumber(width),
-        heightCm: toOptionalNumber(height),
-        depthCm: toOptionalNumber(depth),
+        widthCm: toNullableNumber(width),
+        heightCm: toNullableNumber(height),
+        depthCm: toNullableNumber(depth),
         createdDate: toDateString(date),
         isPublic,
         availableRegions: selectedRegions,

src/app/art/new/page.tsx

@@ -30,9 +30,9 @@ function getErrorMessage(error: unknown) {
   return error instanceof Error ? error.message : "작품 등록에 실패했습니다.";
 }
 
-function toOptionalNumber(value: string) {
+function toNullableNumber(value: string) {
   const trimmed = value.trim();
-  return trimmed === "" ? undefined : Number(trimmed);
+  return trimmed === "" ? null : Number(trimmed);
 }
 
 export default function ArtCreatePage() {
@@ -82,18 +82,14 @@ export default function ArtCreatePage() {
 
     try {
       const uploadedImages = await Promise.all(images.map(image => uploadImage(image.file)));
-      const widthCm = toOptionalNumber(width);
-      const heightCm = toOptionalNumber(height);
-      const depthCm = toOptionalNumber(depth);
-
       await createArtworkMutation({
         title: title.trim(),
         artworkType: artType,
         description: description.trim(),
         ...(notes.trim() !== "" ? { caution: notes.trim() } : {}),
-        ...(widthCm !== undefined ? { widthCm } : {}),
-        ...(heightCm !== undefined ? { heightCm } : {}),
-        ...(depthCm !== undefined ? { depthCm } : {}),
+        widthCm: toNullableNumber(width),
+        heightCm: toNullableNumber(height),
+        depthCm: toNullableNumber(depth),
         ...(date ? { createdDate: date.toISOString().split("T")[0] } : {}),
         isPublic,
         imageIds: uploadedImages.map(image => image.imageId),

src/app/space/[id]/edit/page.tsx

@@ -24,8 +24,9 @@ function FieldWrapper({ children }: { children: React.ReactNode }) {
   return <div className="flex flex-col gap-2">{children}</div>;
 }
 
-function toOptionalNumber(value: string) {
-  return value.trim() === "" ? undefined : Number(value);
+function toNullableNumber(value: string) {
+  const trimmed = value.trim();
+  return trimmed === "" ? null : Number(trimmed);
 }
 
 function getErrorMessage(error: unknown) {
@@ -54,9 +55,9 @@ function SpaceEditForm({ space, spaceId }: { space: SpaceDetail; spaceId: string
         address: address.trim(),
         description: description.trim(),
         caution: notes.trim(),
-        widthCm: toOptionalNumber(width),
-        heightCm: toOptionalNumber(height),
-        depthCm: toOptionalNumber(depth),
+        widthCm: toNullableNumber(width),
+        heightCm: toNullableNumber(height),
+        depthCm: toNullableNumber(depth),
         isPublic,
       }),
     onSuccess: () => {

src/app/space/new/page.tsx

@@ -25,8 +25,9 @@ function FieldWrapper({ children }: { children: React.ReactNode }) {
   return <div className="flex flex-col gap-2">{children}</div>;
 }
 
-function toOptionalNumber(value: string) {
-  return value.trim() === "" ? undefined : Number(value);
+function toNullableNumber(value: string) {
+  const trimmed = value.trim();
+  return trimmed === "" ? null : Number(trimmed);
 }
 
 function getErrorMessage(error: unknown) {
@@ -87,9 +88,9 @@ export default function SpaceCreatePage() {
         address,
         description,
         caution: notes,
-        widthCm: toOptionalNumber(width),
-        heightCm: toOptionalNumber(height),
-        depthCm: toOptionalNumber(depth),
+        widthCm: toNullableNumber(width),
+        heightCm: toNullableNumber(height),
+        depthCm: toNullableNumber(depth),
         isPublic,
         imageIds: uploadedImages.map(image => image.imageId),
       });

src/services/artworks.ts

@@ -11,9 +11,9 @@ export interface CreateArtworkRequest {
 
   sizeType?: "STANDARD" | "CUSTOM";
 
-  widthCm?: number;
-  heightCm?: number;
-  depthCm?: number;
+  widthCm?: number | null;
+  heightCm?: number | null;
+  depthCm?: number | null;
 
   createdDate?: string;
 
@@ -32,9 +32,9 @@ export interface UpdateArtworkRequest {
   description?: string;
   caution?: string;
   sizeType?: "STANDARD" | "CUSTOM";
-  widthCm?: number;
-  heightCm?: number;
-  depthCm?: number;
+  widthCm?: number | null;
+  heightCm?: number | null;
+  depthCm?: number | null;
   createdDate?: string;
   isPublic?: boolean;
   imageIds?: number[];

src/services/spaces.ts

@@ -9,9 +9,9 @@ export interface CreateSpaceRequest {
   address: string;
   description: string;
   caution?: string;
-  widthCm?: number;
-  heightCm?: number;
-  depthCm?: number;
+  widthCm?: number | null;
+  heightCm?: number | null;
+  depthCm?: number | null;
   isPublic?: boolean;
   imageIds: number[];
 }
@@ -22,9 +22,9 @@ export interface UpdateSpaceRequest {
   address?: string;
   description?: string;
   caution?: string;
-  widthCm?: number;
-  heightCm?: number;
-  depthCm?: number;
+  widthCm?: number | null;
+  heightCm?: number | null;
+  depthCm?: number | null;
   isPublic?: boolean;
   imageIds?: number[];
 }