feat(confirmDialog): wip

RISDEV-4776
digitalservicebund · Sep 11, 2024 · 3220aa2 · 3220aa2
1 parent d26b4c2
commit 3220aa2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 13 deletions.
diff --git a/src/primevue/confirmDialog/confirmDialog.stories.ts b/src/primevue/confirmDialog/confirmDialog.stories.ts
@@ -3,7 +3,7 @@ import ConfirmDialog from "primevue/confirmdialog";
 import { html } from "@/lib/tags.ts"
 import { useConfirm } from "primevue/useconfirm";
 import Btn from "primevue/button";
-
+import IconCheck from "~icons/ic/baseline-check";
 
 const meta: Meta<typeof ConfirmDialog> = {
     component: ConfirmDialog,
@@ -12,19 +12,16 @@ const meta: Meta<typeof ConfirmDialog> = {
 
 export default meta;
 type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-    render: (args) => ({
-        components: { ConfirmDialog, Btn },
+export const Default: Story = {render: (args) => ({
+        components: { ConfirmDialog, Btn, IconCheck },
         setup() {
             const confirm = useConfirm();
 
             const confirm1 = () => {
                 confirm.require({
-                    message: 'Diese Verkündung befindet sich bereits im System. Möchten Sie die bestehende Verkündung überschreiben? \n' +
-                        '\n' +
-                        'Hinweis: Bereits dokumentierte Änderungen werden ebenfalls überschrieben.',
                     header: 'Verkündung existiert bereits',
+                    message: 'Diese Verkündung befindet',
+                    icon: undefined,
                     acceptProps: {
                         label: 'Abbrechen'
                     },
@@ -38,7 +35,11 @@ export const Default: Story = {
             return { args, confirm1 };
         },
         template: html`
-            <ConfirmDialog v-bind="args"/>
+            <ConfirmDialog v-bind="args">
+                <template #icon>
+                    <IconCheck/>
+                </template>
+            </ConfirmDialog>
             <Btn @click="confirm1()" label="Save"/>
         `,
     }),

diff --git a/src/primevue/confirmDialog/confirmDialog.ts b/src/primevue/confirmDialog/confirmDialog.ts
@@ -20,17 +20,17 @@ const confirmDialog: ConfirmDialogPassThroughOptions = {
         };
     },
 
-    icon: ({}) => {
-        const base = tw`text-2xl`;
+    title: ({}) => {
+        const base = tw`ris-label1-bold`;
         return {
             class: {
                 [base]: true,
             },
         };
     },
 
-    title: ({}) => {
-        const base = tw`font-bold text-lg`;
+    icons: ({}) => {
+        const base = tw`text-2xl`;
         return {
             class: {
                 [base]: true,