adds default filter to view referenced row

trathailoi · Mar 15, 2023 · e4442c2 · e4442c2
1 parent ed91bf5
commit e4442c2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/...faces/TableGridEditor/SidePanelEditor/RowEditor/ForeignRowSelector/ForeignRowSelector.tsx b/...faces/TableGridEditor/SidePanelEditor/RowEditor/ForeignRowSelector/ForeignRowSelector.tsx
@@ -56,7 +56,14 @@ const ForeignRowSelector = ({
       encryptedColumns
     )
 
-  const [params, setParams] = useState<any>({ filter: [], sort: [] })
+  const [params, setParams] = useState<any>(() => {
+    const targetColName = referenceRow?.foreignKey?.target_column_name
+    const value = referenceRow?.value
+
+    const initialFilters = targetColName && value ? [`${targetColName}:eq:${value}`] : []
+
+    return { filter: initialFilters, sort: [] }
+  })
 
   const sorts = formatSortURLParams(params.sort ?? [])
   const filters = formatFilterURLParams(params.filter ?? [])

diff --git a/studio/components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/RowEditor.tsx b/studio/components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/RowEditor.tsx
@@ -192,6 +192,7 @@ const RowEditor = ({
             />
 
             <ForeignRowSelector
+              key={`foreign-row-selector-${referenceRow?.name}`}
               visible={isSelectingForeignKey}
               referenceRow={referenceRow}
               onSelect={onSelectForeignRowValue}