Commit @6404d199668daad71d029c9eb57c3ec47b3bd468

9ad45d7

6404d19

app/(protected)/(basic)/admins/_components/admin-member-row-actions.tsx

--- app/(protected)/(basic)/admins/_components/admin-member-row-actions.tsx

+++ app/(protected)/(basic)/admins/_components/admin-member-row-actions.tsx


       actions: (
         <FoxButtonGroup size="md">
           <FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
-          <FoxButton type="error" size="md" label="삭제" onAction={runDelete} />
+          <FoxButton type="primary" size="md" label="삭제" onAction={runDelete} />
         </FoxButtonGroup>
       ),
     });

9ad45d7

6404d19

app/(protected)/(basic)/boards/_components/board-row-actions.tsx

--- app/(protected)/(basic)/boards/_components/board-row-actions.tsx

+++ app/(protected)/(basic)/boards/_components/board-row-actions.tsx


 'use client';
 
 import { useState, useTransition } from 'react';
-import { Button } from '@/components/ui/button';
+import { FoxButton } from '@fox/core/components/fox-button';
+import { FoxButtonGroup } from '@fox/core/components/fox-button-group';
 import { FoxIconButton } from '@fox/core/components/fox-icon-button';
 import { FoxPencilSimpleIcon, FoxTrashIcon } from '@fox/core/icons';
 import { useFeedback } from '@/app/_hooks/use-feedback';

       title: '게시물을 삭제하시겠습니까?',
       message: `"${post.title}" 게시물을 삭제합니다. 삭제 후에는 되돌릴 수 없습니다.`,
       actions: (
-        <>
-          <Button type="button" variant="ghost" onClick={hideAlert}>
-            취소
-          </Button>
-          <Button type="button" variant="primary" onClick={runDelete}>
-            삭제
-          </Button>
-        </>
+        <FoxButtonGroup size="md">
+          <FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
+          <FoxButton type="primary" size="md" label="삭제" onAction={runDelete} />
+        </FoxButtonGroup>
       ),
     });
   }

9ad45d7

6404d19

app/(protected)/(basic)/boards/inquiries/_components/inquiry-row-actions.tsx

--- app/(protected)/(basic)/boards/inquiries/_components/inquiry-row-actions.tsx

+++ app/(protected)/(basic)/boards/inquiries/_components/inquiry-row-actions.tsx


 'use client';
 
 import { useState, useTransition } from 'react';
+import { FoxButton } from '@fox/core/components/fox-button';
+import { FoxButtonGroup } from '@fox/core/components/fox-button-group';
 import { Button } from '@/components/ui/button';
 import { useFeedback } from '@/app/_hooks/use-feedback';
 import type { BoardPost } from '@/lib/domain/board-post';

       title: '문의를 삭제하시겠습니까?',
       message: `"${post.title}" 문의를 삭제합니다. 삭제 후에는 되돌릴 수 없습니다.`,
       actions: (
-        <>
-          <Button type="button" variant="ghost" onClick={hideAlert}>
-            취소
-          </Button>
-          <Button type="button" variant="primary" onClick={runDelete}>
-            삭제
-          </Button>
-        </>
+        <FoxButtonGroup size="md">
+          <FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
+          <FoxButton type="primary" size="md" label="삭제" onAction={runDelete} />
+        </FoxButtonGroup>
       ),
     });
   }

9ad45d7

6404d19

app/(protected)/(basic)/decoration-items/_components/decoration-item-row-actions.tsx

--- app/(protected)/(basic)/decoration-items/_components/decoration-item-row-actions.tsx

+++ app/(protected)/(basic)/decoration-items/_components/decoration-item-row-actions.tsx


       actions: (
         <>
           <FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
-          <FoxButton type="error" size="md" label="삭제" onAction={runDelete} />
+          <FoxButton type="primary" size="md" label="삭제" onAction={runDelete} />
         </>
       ),
     });

9ad45d7

6404d19

app/(protected)/(basic)/system/codes/_components/code-management.tsx

--- app/(protected)/(basic)/system/codes/_components/code-management.tsx

+++ app/(protected)/(basic)/system/codes/_components/code-management.tsx


         <>
           <FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
           <FoxButton
-            type="error"
+            type="primary"
             size="md"
             label="삭제"
             onAction={() => {

9ad45d7

6404d19

app/_components/feedback-host.tsx

--- app/_components/feedback-host.tsx

+++ app/_components/feedback-host.tsx


 'use client';
 
-import { Alert } from '@/components/ui/alert';
+import { FoxButton } from '@fox/core/components/fox-button';
+import { FoxModal } from '@fox/core/components/fox-modal';
 import { Spinner } from '@/components/ui/spinner';
 import { Toast } from '@/components/ui/toast';
 import { useFeedback } from '@/app/_hooks/use-feedback';

       )}
 
       {alert && (
-        <Alert
-          variant={alert.variant}
+        <FoxModal
+          open
+          size="sm"
           title={alert.title}
+          onClose={hideAlert}
           actions={
             alert.actions ?? (
-              <button
-                type="button"
-                onClick={hideAlert}
-                className="rounded-md bg-primary px-4 py-2 text-body-md text-on-primary"
-              >
-                확인
-              </button>
+              <FoxButton
+                type="primary"
+                size="md"
+                label="확인"
+                onAction={hideAlert}
+              />
             )
           }
         >
           {alert.message}
-        </Alert>
+        </FoxModal>
       )}
 
       {spinnerCount > 0 && (

...	...	@@ -49,7 +49,7 @@
49	49	actions: (
50	50	<FoxButtonGroup size="md">
51	51	<FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
52		- <FoxButton type="error" size="md" label="삭제" onAction={runDelete} />
	52	+ <FoxButton type="primary" size="md" label="삭제" onAction={runDelete} />
53	53	</FoxButtonGroup>
54	54	),
55	55	});

...	...	@@ -57,7 +57,7 @@
57	57	actions: (
58	58	<>
59	59	<FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
60		- <FoxButton type="error" size="md" label="삭제" onAction={runDelete} />
	60	+ <FoxButton type="primary" size="md" label="삭제" onAction={runDelete} />
61	61	</>
62	62	),
63	63	});

...	...	@@ -115,7 +115,7 @@
115	115	<>
116	116	<FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
117	117	<FoxButton
118		- type="error"
	118	+ type="primary"
119	119	size="md"
120	120	label="삭제"
121	121	onAction={() => {

...	...	@@ -1,7 +1,8 @@
1	1	'use client';
2	2
3	3	import { useState, useTransition } from 'react';
4		-import { Button } from '@/components/ui/button';
	4	+import { FoxButton } from '@fox/core/components/fox-button';
	5	+import { FoxButtonGroup } from '@fox/core/components/fox-button-group';
5	6	import { FoxIconButton } from '@fox/core/components/fox-icon-button';
6	7	import { FoxPencilSimpleIcon, FoxTrashIcon } from '@fox/core/icons';
7	8	import { useFeedback } from '@/app/_hooks/use-feedback';
...	...	@@ -52,14 +53,10 @@
52	53	title: '게시물을 삭제하시겠습니까?',
53	54	message: `"${post.title}" 게시물을 삭제합니다. 삭제 후에는 되돌릴 수 없습니다.`,
54	55	actions: (
55		- <>
56		- <Button type="button" variant="ghost" onClick={hideAlert}>
57		- 취소
58		- </Button>
59		- <Button type="button" variant="primary" onClick={runDelete}>
60		- 삭제
61		- </Button>
62		- </>
	56	+ <FoxButtonGroup size="md">
	57	+ <FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
	58	+ <FoxButton type="primary" size="md" label="삭제" onAction={runDelete} />
	59	+ </FoxButtonGroup>
63	60	),
64	61	});
65	62	}

...	...	@@ -1,6 +1,8 @@
1	1	'use client';
2	2
3	3	import { useState, useTransition } from 'react';
	4	+import { FoxButton } from '@fox/core/components/fox-button';
	5	+import { FoxButtonGroup } from '@fox/core/components/fox-button-group';
4	6	import { Button } from '@/components/ui/button';
5	7	import { useFeedback } from '@/app/_hooks/use-feedback';
6	8	import type { BoardPost } from '@/lib/domain/board-post';
...	...	@@ -43,14 +45,10 @@
43	45	title: '문의를 삭제하시겠습니까?',
44	46	message: `"${post.title}" 문의를 삭제합니다. 삭제 후에는 되돌릴 수 없습니다.`,
45	47	actions: (
46		- <>
47		- <Button type="button" variant="ghost" onClick={hideAlert}>
48		- 취소
49		- </Button>
50		- <Button type="button" variant="primary" onClick={runDelete}>
51		- 삭제
52		- </Button>
53		- </>
	48	+ <FoxButtonGroup size="md">
	49	+ <FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
	50	+ <FoxButton type="primary" size="md" label="삭제" onAction={runDelete} />
	51	+ </FoxButtonGroup>
54	52	),
55	53	});
56	54	}

...	...	@@ -1,6 +1,7 @@
1	1	'use client';
2	2
3		-import { Alert } from '@/components/ui/alert';
	3	+import { FoxButton } from '@fox/core/components/fox-button';
	4	+import { FoxModal } from '@fox/core/components/fox-modal';
4	5	import { Spinner } from '@/components/ui/spinner';
5	6	import { Toast } from '@/components/ui/toast';
6	7	import { useFeedback } from '@/app/_hooks/use-feedback';
...	...	@@ -25,23 +26,24 @@
25	26	)}
26	27
27	28	{alert && (
28		- <Alert
29		- variant={alert.variant}
	29	+ <FoxModal
	30	+ open
	31	+ size="sm"
30	32	title={alert.title}
	33	+ onClose={hideAlert}
31	34	actions={
32	35	alert.actions ?? (
33		- <button
34		- type="button"
35		- onClick={hideAlert}
36		- className="rounded-md bg-primary px-4 py-2 text-body-md text-on-primary"
37		- >
38		- 확인
39		- </button>
	36	+ <FoxButton
	37	+ type="primary"
	38	+ size="md"
	39	+ label="확인"
	40	+ onAction={hideAlert}
	41	+ />
40	42	)
41	43	}
42	44	>
43	45	{alert.message}
44		- </Alert>
	46	+ </FoxModal>
45	47	)}
46	48
47	49	{spinnerCount > 0 && (

Delete comment