Remove unused components (#1180)

* Remove unused components

* Fix company not being created issue

* Fix company not being created issue

* Fix company not being created issue

* Optimize rendering

* Optimize rendering

front/src/modules/companies/queries/update.ts

@@ -1,43 +1,38 @@
 import { gql } from '@apollo/client';
 
+export const COMPANY_FIELDS_FRAGMENT = gql`
+  fragment CompanyFieldsFragment on Company {
+    accountOwner {
+      id
+      email
+      displayName
+      avatarUrl
+    }
+    address
+    createdAt
+    domainName
+    employees
+    linkedinUrl
+    id
+    name
+  }
+`;
+
 export const UPDATE_ONE_COMPANY = gql`
   mutation UpdateOneCompany(
     $where: CompanyWhereUniqueInput!
     $data: CompanyUpdateInput!
   ) {
     updateOneCompany(data: $data, where: $where) {
-      accountOwner {
-        id
-        email
-        displayName
-        firstName
-        lastName
-      }
-      address
-      createdAt
-      domainName
-      employees
-      linkedinUrl
-      id
-      name
+      ...CompanyFieldsFragment
     }
   }
 `;
 
-export const INSERT_COMPANY_FRAGMENT = gql`
-  fragment InsertCompanyFragment on Company {
-    domainName
-    address
-    id
-    name
-    createdAt
-  }
-`;
-
 export const INSERT_ONE_COMPANY = gql`
   mutation InsertOneCompany($data: CompanyCreateInput!) {
     createOneCompany(data: $data) {
-      ...InsertCompanyFragment
+      ...CompanyFieldsFragment
     }
   }
 `;

front/src/modules/companies/table/components/CompanyTable.tsx

@@ -8,12 +8,14 @@ import { turnFilterIntoWhereClause } from '@/ui/filter-n-sort/utils/turnFilterIn
 import { IconList } from '@/ui/icon';
 import { EntityTable } from '@/ui/table/components/EntityTable';
 import { GenericEntityTableData } from '@/ui/table/components/GenericEntityTableData';
+import { useUpsertEntityTableItem } from '@/ui/table/hooks/useUpsertEntityTableItem';
 import { TableContext } from '@/ui/table/states/TableContext';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
 import { useTableViewFields } from '@/views/hooks/useTableViewFields';
 import { useViewSorts } from '@/views/hooks/useViewSorts';
 import { currentViewIdState } from '@/views/states/currentViewIdState';
 import {
+  UpdateOneCompanyMutationVariables,
   useGetCompaniesQuery,
   useUpdateOneCompanyMutation,
 } from '~/generated/graphql';
@@ -25,6 +27,8 @@ import { defaultOrderBy } from '../../queries';
 export function CompanyTable() {
   const currentViewId = useRecoilValue(currentViewIdState);
   const orderBy = useRecoilScopedValue(sortsOrderByScopedState, TableContext);
+  const [updateEntityMutation] = useUpdateOneCompanyMutation();
+  const upsertEntityTableItem = useUpsertEntityTableItem();
 
   const { handleColumnsChange } = useTableViewFields({
     objectName: 'company',
@@ -56,7 +60,21 @@ export function CompanyTable() {
         availableSorts={availableSorts}
         onColumnsChange={handleColumnsChange}
         onSortsUpdate={currentViewId ? updateSorts : undefined}
-        useUpdateEntityMutation={useUpdateOneCompanyMutation}
+        updateEntityMutation={({
+          variables,
+        }: {
+          variables: UpdateOneCompanyMutationVariables;
+        }) =>
+          updateEntityMutation({
+            variables,
+            onCompleted: (data) => {
+              if (!data.updateOneCompany) {
+                return;
+              }
+              upsertEntityTableItem(data.updateOneCompany);
+            },
+          })
+        }
       />
     </>
   );

front/src/modules/companies/table/components/CompanyTableMockMode.tsx

@@ -13,7 +13,7 @@ export function CompanyTableMockMode() {
         viewName="All Companies"
         viewIcon={<IconList size={16} />}
         availableSorts={availableSorts}
-        useUpdateEntityMutation={useUpdateOneCompanyMutation}
+        updateEntityMutation={[useUpdateOneCompanyMutation()]}
       />
     </>
   );