✨[Feat] 구분선 블록 한글 키 값을 영어로 변경 #159

src/app/admin/(block)/divider/components/divider-preview.tsx

@@ -14,25 +14,25 @@ const DividerContent = ({ type }: DividerContentProps) => {
   const commonClasses = "flex h-12 items-center justify-center";
 
   switch (type) {
-    case "공백":
+    case "Space":
       return <div className={commonClasses} />;
-    case "점선":
-    case "실선":
+    case "Dashed":
+    case "Solid":
       return (
         <div className={commonClasses}>
           <div
-            className={`w-full border-t ${type === "점선" ? "border-dashed" : "border-solid"}`}
+            className={`w-full border-t ${type === "Dashed" ? "border-dashed" : "border-solid"}`}
           />
         </div>
       );
-    case "포인트":
+    case "Point":
       return <div className={commonClasses}>· · ·</div>;
-    case "지그재그":
+    case "Zigzag":
       return (
         <div className={commonClasses}>
           <Image
             src="/assets/icons/item_zigzag.png"
-            alt="지그재그"
+            alt="Zigzag"
             width={70}
             height={5}
           />

src/app/admin/(block)/divider/components/divider-selector.tsx

@@ -10,13 +10,18 @@ export default function DividerSelector({
   onSelect,
   selected,
 }: DividerSelectorProps) {
-  const dividers: Divider[] = [
-    { name: "공백", icon: " " },
-    { name: "점선", icon: "┈┈" },
-    { name: "실선", icon: "───" },
-    { name: "포인트", icon: "· · ·" },
+  const dividers: {
+    name: DividerType;
+    displayName: string;
+    icon: string | JSX.Element;
+  }[] = [
+    { name: "Space", displayName: "공백", icon: " " },
+    { name: "Dashed", displayName: "점선", icon: "┈┈" },
+    { name: "Solid", displayName: "실선", icon: "───" },
+    { name: "Point", displayName: "포인트", icon: "· · ·" },
     {
-      name: "지그재그",
+      name: "Zigzag",
+      displayName: "지그재그",
       icon: (
         <Image
           src="/assets/icons/item_zigzag.png"
@@ -49,7 +54,7 @@ export default function DividerSelector({
             >
               <span className="text-2xl">{divider.icon}</span>
             </button>
-            <span className="mt-2">{divider.name}</span>
+            <span className="mt-2">{divider.displayName}</span>
           </div>
         ))}
       </div>

src/app/admin/(block)/divider/page.tsx

@@ -10,7 +10,7 @@ import AddButton from "@app/admin/(block)/components/buttons/add-button";
 import { getSequence } from "lib/get-sequence";
 
 export default function DividerPage() {
-  const [selectedDivider, setSelectedDivider] = useState<DividerType>("공백");
+  const [selectedDivider, setSelectedDivider] = useState<DividerType>("Space");
 
   const handleAddDivider = async () => {
     try {
@@ -55,11 +55,11 @@ export default function DividerPage() {
 
   const getDividerStyle = (dividerType: DividerType): number => {
     const styles: Record<DividerType, number> = {
-      공백: 1,
-      점선: 2,
-      실선: 3,
-      포인트: 4,
-      지그재그: 5,
+      Space: 1,
+      Dashed: 2,
+      Solid: 3,
+      Point: 4,
+      Zigzag: 5,
     };
     return styles[dividerType] || 1;
   };

src/app/admin/(block)/divider/types.ts

@@ -1,4 +1,4 @@
-export type DividerType = "공백" | "점선" | "실선" | "포인트" | "지그재그";
+export type DividerType = "Space" | "Dashed" | "Solid" | "Point" | "Zigzag";
 
 export interface Divider {
   name: DividerType;