2282 Rename components to use the new naming convention part 1 (#2293)

renaming in progress

front/src/modules/metadata/components/RecordTableEffect.tsx

@@ -0,0 +1,58 @@
+import { useEffect } from 'react';
+
+import { turnFiltersIntoWhereClauseV2 } from '@/ui/object/filter/utils/turnFiltersIntoWhereClauseV2';
+import { useSetRecordTableData } from '@/ui/object/record-table/hooks/useSetRecordTableData';
+import { TableRecoilScopeContext } from '@/ui/object/record-table/states/recoil-scope-contexts/TableRecoilScopeContext';
+import { tableFiltersScopedState } from '@/ui/object/record-table/states/tableFiltersScopedState';
+import { tableSortsScopedState } from '@/ui/object/record-table/states/tableSortsScopedState';
+import { turnSortsIntoOrderByV2 } from '@/ui/object/sort/utils/turnSortsIntoOrderByV2';
+import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
+
+import { useFindManyObjects } from '../hooks/useFindManyObjects';
+import { useMetadataObjectInContext } from '../hooks/useMetadataObjectInContext';
+import { MetadataObjectIdentifier } from '../types/MetadataObjectIdentifier';
+
+export type ObjectRecordTableEffectProps = Pick<
+  MetadataObjectIdentifier,
+  'objectNamePlural'
+>;
+
+// This should be migrated to RecordTable at some point
+export const ObjectRecordTableEffect = ({
+  objectNamePlural,
+}: ObjectRecordTableEffectProps) => {
+  const setRecordTableData = useSetRecordTableData();
+  const { foundMetadataObject } = useMetadataObjectInContext();
+
+  const tableFilters = useRecoilScopedValue(
+    tableFiltersScopedState,
+    TableRecoilScopeContext,
+  );
+
+  const tableSorts = useRecoilScopedValue(
+    tableSortsScopedState,
+    TableRecoilScopeContext,
+  );
+
+  const { objects, loading } = useFindManyObjects({
+    objectNamePlural: objectNamePlural,
+    filter: turnFiltersIntoWhereClauseV2(
+      tableFilters,
+      foundMetadataObject?.fields ?? [],
+    ),
+    orderBy: turnSortsIntoOrderByV2(
+      tableSorts,
+      foundMetadataObject?.fields ?? [],
+    ),
+  });
+
+  useEffect(() => {
+    if (!loading) {
+      const entities = objects ?? [];
+
+      setRecordTableData(entities);
+    }
+  }, [objects, setRecordTableData, loading]);
+
+  return <></>;
+};