feat: get active and disabled objects from backend in Objects Setting… (#2119)

* feat: get active and disabled objects from backend in Objects Settings page

Closes #2005

* refactor: add useObjectMetadata hook

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

@@ -0,0 +1,16 @@
+import { useRecoilValue } from 'recoil';
+
+import { activeMetadataObjectsSelector } from '../states/selectors/activeMetadataObjectsSelector';
+import { disabledMetadataObjectsSelector } from '../states/selectors/disabledMetadataObjectsSelector';
+
+export const useObjectMetadata = () => {
+  const activeMetadataObjects = useRecoilValue(activeMetadataObjectsSelector);
+  const disabledMetadataObjects = useRecoilValue(
+    disabledMetadataObjectsSelector,
+  );
+
+  return {
+    activeObjects: activeMetadataObjects,
+    disabledObjects: disabledMetadataObjects,
+  };
+};

front/src/modules/metadata/states/selectors/activeMetadataObjectsSelector.ts

@@ -0,0 +1,10 @@
+import { selector } from 'recoil';
+
+import { MetadataObject } from '../../types/MetadataObject';
+import { metadataObjectsState } from '../metadataObjectsState';
+
+export const activeMetadataObjectsSelector = selector<MetadataObject[]>({
+  key: 'activeMetadataObjectsSelector',
+  get: ({ get }) =>
+    get(metadataObjectsState).filter(({ isActive }) => isActive),
+});

front/src/modules/metadata/states/selectors/disabledMetadataObjectsSelector.ts

@@ -0,0 +1,10 @@
+import { selector } from 'recoil';
+
+import { MetadataObject } from '../../types/MetadataObject';
+import { metadataObjectsState } from '../metadataObjectsState';
+
+export const disabledMetadataObjectsSelector = selector<MetadataObject[]>({
+  key: 'disabledMetadataObjectsSelector',
+  get: ({ get }) =>
+    get(metadataObjectsState).filter(({ isActive }) => !isActive),
+});