🆙 Init V3

src/components/notification-center/views/confirm-layouts/GetConfirmLayout.tsx

@@ -0,0 +1,15 @@
+import { NotificationConfirmItem } from '../../../../api';
+import { NotificationDefaultConfirmView } from './NotificationDefaultConfirmView';
+
+export const GetConfirmLayout = (item: NotificationConfirmItem, onClose: () => void) =>
+{
+    if(!item) return null;
+
+    const props = { key: item.id, item, onClose };
+
+    switch(item.confirmType)
+    {
+        default:
+            return <NotificationDefaultConfirmView { ...props } />;
+    }
+};

src/components/notification-center/views/confirm-layouts/NotificationDefaultConfirmView.tsx

@@ -0,0 +1,40 @@
+import { FC } from 'react';
+import { NotificationAlertType, NotificationConfirmItem } from '../../../../api';
+import { Button, Flex, LayoutNotificationAlertView, LayoutNotificationAlertViewProps, Text } from '../../../../common';
+
+export interface NotificationDefaultConfirmViewProps extends LayoutNotificationAlertViewProps
+{
+    item: NotificationConfirmItem;
+}
+
+export const NotificationDefaultConfirmView: FC<NotificationDefaultConfirmViewProps> = props =>
+{
+    const { item = null, onClose = null, ...rest } = props;
+    const { message = null, onConfirm = null, onCancel = null, confirmText = null, cancelText = null, title = null } = item;
+
+    const confirm = () =>
+    {
+        if(onConfirm) onConfirm();
+
+        onClose();
+    };
+
+    const cancel = () =>
+    {
+        if(onCancel) onCancel();
+
+        onClose();
+    };
+
+    return (
+        <LayoutNotificationAlertView title={ title } onClose={ onClose } { ...rest } type={ NotificationAlertType.ALERT }>
+            <Flex center grow>
+                <Text>{ message }</Text>
+            </Flex>
+            <div className="flex gap-1">
+                <Button fullWidth variant="danger" onClick={ cancel }>{ cancelText }</Button>
+                <Button fullWidth onClick={ confirm }>{ confirmText }</Button>
+            </div>
+        </LayoutNotificationAlertView>
+    );
+};