From b576060339edfff1f218379b489b7b64ef60b3c1 Mon Sep 17 00:00:00 2001
From: Luke De Feo <lukedefeo@meta.com>
Date: Thu, 24 Nov 2022 09:23:16 -0800
Subject: [PATCH] Pretty loading spinner

Reviewed By: antonk52

Differential Revision: D41343098

fbshipit-source-id: 69b75e7a93344d2a05fa6fac9f466126feaf8cad
---
 .../public/ui-debugger/components/main.tsx     | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/desktop/plugins/public/ui-debugger/components/main.tsx b/desktop/plugins/public/ui-debugger/components/main.tsx
index 367aea63a..f2fb33d3e 100644
--- a/desktop/plugins/public/ui-debugger/components/main.tsx
+++ b/desktop/plugins/public/ui-debugger/components/main.tsx
@@ -17,7 +17,7 @@ import {Tree} from './Tree';
 import {Visualization2D} from './Visualization2D';
 import {useKeyboardModifiers} from '../hooks/useKeyboardModifiers';
 import {Inspector} from './sidebar/Inspector';
-import {Input} from 'antd';
+import {Input, Spin} from 'antd';
 
 export function Component() {
   const instance = usePlugin(plugin);
@@ -80,5 +80,19 @@ export function Component() {
     );
   }
 
-  return <div>Loading...</div>;
+  return (
+    <Centered>
+      <Spin data-testid="loading-indicator" />
+    </Centered>
+  );
+}
+
+export function Centered(props: {children: React.ReactNode}) {
+  return (
+    <Layout.Horizontal center grow>
+      <Layout.Container center grow>
+        {props.children}
+      </Layout.Container>
+    </Layout.Horizontal>
+  );
 }