Feat/front temp seed custom objects (#2070)

* wip

* Fixed bugs

* Added flexible backend test

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

@@ -1,20 +1,28 @@
 import { useEffect } from 'react';
 import { useRecoilState } from 'recoil';
 
+import { isFlexibleBackendEnabledState } from '@/client-config/states/isFlexibleBackendEnabledState';
 import { ObjectsQuery } from '~/generated-metadata/graphql';
 
 import { GET_ALL_OBJECTS } from '../graphql/queries';
 import { useApolloClientMetadata } from '../hooks/useApolloClientMetadata';
+import { useSeedCustomObjectsTemp } from '../hooks/useSeedCustomObjectsTemp';
 import { metadataObjectsState } from '../states/metadataObjectsState';
 import { MetadataObject } from '../types/MetadataObject';
 
 export const FetchMetadataEffect = () => {
   const [metadataObjects, setMetadataObjects] =
     useRecoilState(metadataObjectsState);
-
+  const [isFlexibleBackendEnabled] = useRecoilState(
+    isFlexibleBackendEnabledState,
+  );
   const apolloClientMetadata = useApolloClientMetadata();
 
+  const seedCustomObjectsTemp = useSeedCustomObjectsTemp();
+
   useEffect(() => {
+    if (!isFlexibleBackendEnabled) return;
+
     (async () => {
       if (apolloClientMetadata && metadataObjects.length === 0) {
         const objects = await apolloClientMetadata.query<ObjectsQuery>({
@@ -31,10 +39,38 @@ export const FetchMetadataEffect = () => {
               fields: object.node.fields.edges.map((field) => field.node),
             }));
           setMetadataObjects(formattedObjects);
+        } else if (
+          objects.data.objects.edges.length === 0 &&
+          metadataObjects.length === 0
+        ) {
+          try {
+            await seedCustomObjectsTemp();
+
+            const objects = await apolloClientMetadata.query<ObjectsQuery>({
+              query: GET_ALL_OBJECTS,
+            });
+
+            const formattedObjects: MetadataObject[] =
+              objects.data.objects.edges.map((object) => ({
+                ...object.node,
+                fields: object.node.fields.edges.map((field) => field.node),
+              }));
+
+            setMetadataObjects(formattedObjects);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+          }
         }
       }
     })();
-  }, [metadataObjects, setMetadataObjects, apolloClientMetadata]);
+  }, [
+    isFlexibleBackendEnabled,
+    metadataObjects,
+    setMetadataObjects,
+    apolloClientMetadata,
+    seedCustomObjectsTemp,
+  ]);
 
   return <></>;
 };