feat: add orientation to studio trigger page ui (supabase#28002)

* feat: add orientation to studio trigger page ui * increase colSpan for empty state --------- Co-authored-by: Alaister Young <[email protected]>
foxgis · Jul 16, 2024 · 8cabaec · 8cabaec
1 parent 4d27aa7
commit 8cabaec
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggerList.tsx b/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggerList.tsx
@@ -54,7 +54,7 @@ const TriggerList = ({
   if (_triggers.length === 0 && filterString.length === 0) {
     return (
       <Table.tr key={schema}>
-        <Table.td colSpan={6}>
+        <Table.td colSpan={7}>
           <p className="text-sm text-foreground">No triggers created yet</p>
           <p className="text-sm text-foreground-light">
             There are no triggers found in the schema "{schema}"
@@ -67,7 +67,7 @@ const TriggerList = ({
   if (_triggers.length === 0 && filterString.length > 0) {
     return (
       <Table.tr key={schema}>
-        <Table.td colSpan={6}>
+        <Table.td colSpan={7}>
           <p className="text-sm text-foreground">No results found</p>
           <p className="text-sm text-foreground-light">
             Your search for "{filterString}" did not return any results
@@ -107,6 +107,12 @@ const TriggerList = ({
             </div>
           </Table.td>
 
+          <Table.td className="hidden space-x-2 xl:table-cell">
+            <p title={x.orientation} className="truncate">
+              {x.orientation}
+            </p>
+          </Table.td>
+
           <Table.td className="hidden xl:table-cell">
             <div className="flex items-center justify-center">
               {x.enabled_mode !== 'DISABLED' ? (

diff --git a/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggersList.tsx b/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggersList.tsx
@@ -150,6 +150,9 @@ const TriggersList = ({
                 <Table.th key="events" className="hidden xl:table-cell">
                   Events
                 </Table.th>
+                <Table.th key="orientation" className="hidden xl:table-cell">
+                  Orientation
+                </Table.th>
                 <Table.th key="enabled" className="hidden w-20 xl:table-cell">
                   Enabled
                 </Table.th>