refactor: custom modals

1 files changed, 29 insertions, 0 deletions

diff --git a/frontend/src/components/MessageDialog.tsx b/frontend/src/components/MessageDialog.tsx
new file mode 100644
index 0000000..0a8db42
--- /dev/null
+++ b/frontend/src/components/MessageDialog.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+
+import "../css/Dialog.css"
+
+interface MessageDialogProps {
+    title: string;
+    subtitle: string;
+    onClose: () => void;
+};
+
+const MessageDialog: React.FC<MessageDialogProps> = ({ title, subtitle, onClose }) => {
+    return (
+        <div className='dimmer'>
+            <div className='dialog'>
+                <div className='dialog-element dialog-header'>
+                    <span>{title}</span>
+                </div>
+                <div className='dialog-element dialog-description'>
+                    <span>{subtitle}</span>
+                </div>
+                <div className='dialog-element dialog-btns-container'>
+                    <button onClick={onClose}>Ok</button>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default MessageDialog;