From 4d842995f4067058b21729aab6139cd388c36353 Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Tue, 29 Oct 2024 11:45:00 +0100
Subject: refactor: loader dialog, uploadrundialog update, touchups

---
 frontend/src/components/MessageDialogLoad.tsx | 29 +++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 frontend/src/components/MessageDialogLoad.tsx

(limited to 'frontend/src/components/MessageDialogLoad.tsx')

diff --git a/frontend/src/components/MessageDialogLoad.tsx b/frontend/src/components/MessageDialogLoad.tsx
new file mode 100644
index 0000000..381a4a4
--- /dev/null
+++ b/frontend/src/components/MessageDialogLoad.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+
+import "../css/Dialog.css"
+
+interface MessageDialogLoadProps {
+    title: string;    
+	onClose: () => void;
+};
+
+const MessageDialogLoad: React.FC<MessageDialogLoadProps> = ({ title, onClose }) => {
+    return (
+        <div className='dimmer'>
+            <div className='dialog'>
+                <div className='dialog-element dialog-header'>
+                    <span>{title}</span>
+                </div>
+                <div className='dialog-element dialog-description'>
+					<div style={{display: "flex", justifyContent: "center"}}>
+                    	<span className="loader"></span>
+					</div>
+                </div>
+                <div className='dialog-element dialog-btns-container'>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default MessageDialogLoad;
-- 
cgit v1.2.3

