refactor: index ViewField by viewId and key (#1416)

* refactor: index ViewField by viewId and key

Closes #1413

* refactor: rename ViewField properties

front/src/testing/graphqlMocks.ts

@@ -32,12 +32,16 @@ import { mockedActivities, mockedTasks } from './mock-data/activities';
 import {
   mockedCompaniesData,
   mockedCompanyViewFields,
+  mockedCompanyViews,
 } from './mock-data/companies';
-import { mockedPeopleData, mockedPersonViewFields } from './mock-data/people';
+import {
+  mockedPeopleData,
+  mockedPersonViewFields,
+  mockedPersonViews,
+} from './mock-data/people';
 import { mockedPipelineProgressData } from './mock-data/pipeline-progress';
 import { mockedPipelinesData } from './mock-data/pipelines';
 import { mockedUsersData } from './mock-data/users';
-import { mockedViews } from './mock-data/views';
 import {
   fetchOneFromData,
   filterAndSortData,
@@ -229,17 +233,30 @@ export const graphqlMocks = [
       }),
     );
   }),
+  graphql.query(getOperationName(GET_VIEWS) ?? '', (req, res, ctx) => {
+    const {
+      where: {
+        objectId: { equals: objectId },
+      },
+    } = req.variables;
+
+    return res(
+      ctx.data({
+        views: objectId === 'company' ? mockedCompanyViews : mockedPersonViews,
+      }),
+    );
+  }),
   graphql.query(getOperationName(GET_VIEW_FIELDS) ?? '', (req, res, ctx) => {
     const {
       where: {
-        objectName: { equals: objectName },
+        objectId: { equals: objectId },
       },
     } = req.variables;
 
     return res(
       ctx.data({
         viewFields:
-          objectName === 'company'
+          objectId === 'company'
             ? mockedCompanyViewFields
             : mockedPersonViewFields,
       }),
@@ -255,11 +272,4 @@ export const graphqlMocks = [
       );
     },
   ),
-  graphql.query(getOperationName(GET_VIEWS) ?? '', (req, res, ctx) => {
-    return res(
-      ctx.data({
-        views: mockedViews,
-      }),
-    );
-  }),
 ];