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;