Complete Fix view work (#2272)

* Fix views

* Make view sorts and view filters functional

* Complete Company table view fix

* Fix model creation

* Start fixing board

* Complete work

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

@@ -1,6 +1,7 @@
 import { useNavigate } from 'react-router-dom';
 
-import { IconBuildingSkyscraper } from '@/ui/display/icon';
+import { Icon123 } from '@/ui/input/constants/icons';
+import { useLazyLoadIcons } from '@/ui/input/hooks/useLazyLoadIcons';
 import NavItem from '@/ui/navigation/navbar/components/NavItem';
 import { capitalize } from '~/utils/string/capitalize';
 
@@ -10,22 +11,26 @@ export const MetadataObjectNavItems = () => {
   const { metadataObjects } = useFindManyMetadataObjects();
 
   const navigate = useNavigate();
+  const { icons } = useLazyLoadIcons();
 
   return (
     <>
       {metadataObjects
         .filter((metadataObject) => !!metadataObject.isActive)
-        .map((metadataObject) => (
-          <NavItem
-            key={metadataObject.id}
-            label={capitalize(metadataObject.namePlural)}
-            to={`/objects/${metadataObject.namePlural}`}
-            Icon={IconBuildingSkyscraper}
-            onClick={() => {
-              navigate(`/objects/${metadataObject.namePlural}`);
-            }}
-          />
-        ))}
+        .filter((metadataObjects) => !metadataObjects.namePlural.endsWith('V2'))
+        .map((metadataObject) => {
+          return (
+            <NavItem
+              key={metadataObject.id}
+              label={capitalize(metadataObject.namePlural)}
+              to={`/objects/${metadataObject.namePlural}`}
+              Icon={metadataObject.icon ? icons[metadataObject.icon] : Icon123}
+              onClick={() => {
+                navigate(`/objects/${metadataObject.namePlural}`);
+              }}
+            />
+          );
+        })}
     </>
   );
 };

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

@@ -9,9 +9,9 @@ import { useMetadataObjectInContext } from '../hooks/useMetadataObjectInContext'
 
 export const ObjectTableEffect = () => {
   const {
-    setAvailableSorts,
-    setAvailableFilters,
-    setAvailableFields,
+    setAvailableSortDefinitions,
+    setAvailableFilterDefinitions,
+    setAvailableFieldDefinitions,
     setViewType,
     setViewObjectId,
   } = useView();
@@ -38,22 +38,22 @@ export const ObjectTableEffect = () => {
   );
 
   useEffect(() => {
-    setAvailableSorts?.([]); // TODO: extract from metadata fields
-    setAvailableFilters?.([]); // TODO: extract from metadata fields
-    setAvailableFields?.(columnDefinitions);
+    setAvailableSortDefinitions?.([]); // TODO: extract from metadata fields
+    setAvailableFilterDefinitions?.([]); // TODO: extract from metadata fields
+    setAvailableFieldDefinitions?.(columnDefinitions);
     setViewObjectId?.(objectNamePlural);
     setViewType?.(ViewType.Table);
 
     setAvailableTableColumns(columnDefinitions);
   }, [
-    setAvailableFields,
-    setAvailableFilters,
-    setAvailableSorts,
     setAvailableTableColumns,
     setViewObjectId,
     setViewType,
     columnDefinitions,
     objectNamePlural,
+    setAvailableSortDefinitions,
+    setAvailableFilterDefinitions,
+    setAvailableFieldDefinitions,
   ]);
 
   // useEffect(() => {

front/src/modules/metadata/hooks/useFindOneMetadataObject.ts

@@ -6,6 +6,7 @@ import { FieldMetadata } from '@/ui/data/field/types/FieldMetadata';
 import { MetadataObjectIdentifier } from '../types/MetadataObjectIdentifier';
 import { formatMetadataFieldAsColumnDefinition } from '../utils/formatMetadataFieldAsColumnDefinition';
 import { generateCreateOneObjectMutation } from '../utils/generateCreateOneObjectMutation';
+import { generateDeleteOneObjectMutation } from '../utils/generateDeleteOneObjectMutation';
 import { generateFindManyCustomObjectsQuery } from '../utils/generateFindManyCustomObjectsQuery';
 import { generateFindOneCustomObjectQuery } from '../utils/generateFindOneCustomObjectQuery';
 import { generateUpdateOneObjectMutation } from '../utils/generateUpdateOneObjectMutation';
@@ -79,7 +80,7 @@ export const useFindOneMetadataObject = ({
 
   // TODO: implement backend delete
   const deleteOneMutation = foundMetadataObject
-    ? generateCreateOneObjectMutation({
+    ? generateDeleteOneObjectMutation({
         metadataObject: foundMetadataObject,
       })
     : gql`

front/src/modules/metadata/hooks/useSetDataTableData.ts

@@ -7,7 +7,7 @@ import { TableRecoilScopeContext } from '@/ui/data/data-table/states/recoil-scop
 import { tableRowIdsState } from '@/ui/data/data-table/states/tableRowIdsState';
 import { entityFieldsFamilyState } from '@/ui/data/field/states/entityFieldsFamilyState';
 import { useRecoilScopeId } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopeId';
-import { availableSortsScopedState } from '@/views/states/availableSortsScopedState';
+import { availableSortDefinitionsScopedState } from '@/views/states/availableSortDefinitionsScopedState';
 
 export const useSetObjectDataTableData = () => {
   const resetTableRowSelection = useResetTableRowSelection();
@@ -41,7 +41,10 @@ export const useSetObjectDataTableData = () => {
 
         set(numberOfTableRowsState, entityIds.length);
 
-        set(availableSortsScopedState({ scopeId: tableContextScopeId }), []);
+        set(
+          availableSortDefinitionsScopedState({ scopeId: tableContextScopeId }),
+          [],
+        );
 
         set(isFetchingDataTableDataState, false);
       },