B #6213: Filter datastores when exporting app (#2646)

(cherry picked from commit f3876725bc254ecdfce5fdbfc7d73f3b068e736f)

src/fireedge/src/client/components/Forms/MarketplaceApp/ExportForm/Steps/DatastoresTable/index.js

@@ -20,7 +20,7 @@ import { useFormContext } from 'react-hook-form'
 import { DatastoresTable } from 'client/components/Tables'
 import { SCHEMA } from 'client/components/Forms/MarketplaceApp/ExportForm/Steps/DatastoresTable/schema'
 import { Step, decodeBase64 } from 'client/utils'
-import { T } from 'client/constants'
+import { T, DATASTORE_TYPES } from 'client/constants'
 
 export const STEP_ID = 'datastore'
 
@@ -52,6 +52,13 @@ const Content = ({ data, app }) => {
         filters: [{ id: 'TYPE', value: isKernelType ? 'FILE' : 'IMAGE' }],
       }}
       onSelectedRowsChange={handleSelectedRows}
+      // Filter data by type IMAGE_DS B#6213 when export an app
+      filter={(dataToFilter) =>
+        dataToFilter.filter(
+          (datastore) =>
+            datastore?.TEMPLATE?.TYPE === DATASTORE_TYPES.IMAGE.value
+        )
+      }
     />
   )
 }

src/fireedge/src/client/components/Tables/Datastores/index.js

@@ -33,7 +33,7 @@ const DatastoresTable = (props) => {
   const {
     rootProps = {},
     searchProps = {},
-    useQuery = useGetDatastoresQuery,
+    filter = (dataToFilter) => dataToFilter,
     ...rest
   } = props ?? {}
   rootProps['data-cy'] ??= DEFAULT_DATA_CY
@@ -42,6 +42,9 @@ const DatastoresTable = (props) => {
   const { view, getResourceView } = useViews()
   const { data = [], isFetching, refetch } = useQuery()
 
+  // Filter data with input funcion called "filter"
+  const filteredData = filter(data)
+
   const columns = useMemo(
     () =>
       createColumns({
@@ -54,7 +57,7 @@ const DatastoresTable = (props) => {
   return (
     <EnhancedTable
       columns={columns}
-      data={useMemo(() => data, [data])}
+      data={useMemo(() => filteredData, [filteredData])}
       rootProps={rootProps}
       searchProps={searchProps}
       refetch={refetch}