diff --git a/src/app/admin/(block)/divider/components/divider-preview.tsx b/src/app/admin/(block)/divider/components/divider-preview.tsx index 10f77ac9..8677f33c 100644 --- a/src/app/admin/(block)/divider/components/divider-preview.tsx +++ b/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
; - case "점선": - case "실선": + case "Dashed": + case "Solid": return (
); - case "포인트": + case "Point": return
· · ·
; - case "지그재그": + case "Zigzag": return (
지그재그 diff --git a/src/app/admin/(block)/divider/components/divider-selector.tsx b/src/app/admin/(block)/divider/components/divider-selector.tsx index 5b545b03..fb4c0a52 100644 --- a/src/app/admin/(block)/divider/components/divider-selector.tsx +++ b/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: ( {divider.icon} - {divider.name} + {divider.displayName}
))}
diff --git a/src/app/admin/(block)/divider/page.tsx b/src/app/admin/(block)/divider/page.tsx index ebb0f05d..a46708d2 100644 --- a/src/app/admin/(block)/divider/page.tsx +++ b/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("공백"); + const [selectedDivider, setSelectedDivider] = useState("Space"); const handleAddDivider = async () => { try { @@ -55,11 +55,11 @@ export default function DividerPage() { const getDividerStyle = (dividerType: DividerType): number => { const styles: Record = { - 공백: 1, - 점선: 2, - 실선: 3, - 포인트: 4, - 지그재그: 5, + Space: 1, + Dashed: 2, + Solid: 3, + Point: 4, + Zigzag: 5, }; return styles[dividerType] || 1; }; diff --git a/src/app/admin/(block)/divider/types.ts b/src/app/admin/(block)/divider/types.ts index 3266cb80..c9efe67e 100644 --- a/src/app/admin/(block)/divider/types.ts +++ b/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;