From 5876c7cfbbecb2543fdeed210419e78d3d960597 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Tue, 4 Jul 2023 12:11:27 -0700
Subject: [PATCH] fix(ui): simplify modal loading ui state

---
 web/components/ui/Modal/Modal.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/web/components/ui/Modal/Modal.tsx b/web/components/ui/Modal/Modal.tsx
index 508753f57..049e785e0 100644
--- a/web/components/ui/Modal/Modal.tsx
+++ b/web/components/ui/Modal/Modal.tsx
@@ -1,4 +1,4 @@
-import { Spin, Skeleton, Modal as AntModal } from 'antd';
+import { Spin, Modal as AntModal } from 'antd';
 import React, { FC, ReactNode, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { ComponentError } from '../ComponentError/ComponentError';
@@ -85,13 +85,11 @@ export const Modal: FC<ModalProps> = ({
         )}
       >
         <div id="modal-container" style={{ height: '100%' }}>
-          {loading && (
-            <Skeleton active={loading} style={{ padding: '10px' }} paragraph={{ rows: 10 }} />
-          )}
-
           {iframe && <div style={{ display: iframeDisplayStyle }}>{iframe}</div>}
           {children && <div className={styles.content}>{children}</div>}
-          {loading && <Spin className={styles.spinner} spinning={loading} size="large" />}
+          {loading && (
+            <Spin className={styles.spinner} spinning={loading} size="large" tip={title} />
+          )}
         </div>
       </ErrorBoundary>
     </AntModal>