From bce71d6fcbde4c8ee171c4352fe6316f6786ef24 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Mon, 27 Jun 2022 11:24:43 -0230
Subject: [PATCH] Load types in the database tables editor

---
 studio/pages/project/[ref]/database/tables.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/studio/pages/project/[ref]/database/tables.tsx b/studio/pages/project/[ref]/database/tables.tsx
index 641bd84ac97..568daed8d04 100644
--- a/studio/pages/project/[ref]/database/tables.tsx
+++ b/studio/pages/project/[ref]/database/tables.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 import { observer } from 'mobx-react-lite'
 import { isUndefined } from 'lodash'
 import { PostgresColumn, PostgresTable } from '@supabase/postgres-meta'
@@ -24,6 +24,12 @@ const DatabaseTables: NextPageWithLayout = () => {
   const [selectedColumnToDelete, setSelectedColumnToDelete] = useState<PostgresColumn>()
   const [selectedTableToDelete, setSelectedTableToDelete] = useState<PostgresTable>()
 
+  useEffect(() => {
+    if (ui.selectedProject) {
+      meta.types.load()
+    }
+  }, [ui.selectedProject])
+
   const onAddTable = () => {
     setSidePanelKey('table')
     setSelectedTableToEdit(undefined)