From 25f59ea665fe477a4ee459a057767d423af1a889 Mon Sep 17 00:00:00 2001
From: phamhieu <phamhieu1998@gmail.com>
Date: Thu, 17 Feb 2022 11:59:54 +0700
Subject: [PATCH] feat: add loading indicator

---
 studio/pages/new/[slug].tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/studio/pages/new/[slug].tsx b/studio/pages/new/[slug].tsx
index b4bc07449f5..56a6e08074c 100644
--- a/studio/pages/new/[slug].tsx
+++ b/studio/pages/new/[slug].tsx
@@ -7,7 +7,7 @@ import { useRef, useState, useEffect } from 'react'
 import { debounce, isUndefined, values } from 'lodash'
 import { toJS } from 'mobx'
 import { observer } from 'mobx-react-lite'
-import { Button, Typography, Listbox, IconUsers, IconAlertCircle } from '@supabase/ui'
+import { Button, Typography, Listbox, IconUsers, IconAlertCircle, Loading } from '@supabase/ui'
 
 import { API_URL } from 'lib/constants'
 import { post } from 'lib/common/fetch'
@@ -328,6 +328,15 @@ export const Wizard = observer(() => {
               )}
             </Panel.Content>
           )}
+
+          {subscriptionStats.isLoading && (
+            <Panel.Content>
+              <div className="py-10">
+                {/* @ts-ignore */}
+                <Loading active={true} />
+              </div>
+            </Panel.Content>
+          )}
         </>
       </Panel>
     </WizardLayout>