Refactor/remove react table (#642)

* Refactored tables without tan stack * Fixed checkbox behavior with multiple handlers on click * Fixed hotkeys scope * Fix debounce in editable cells * Lowered coverage --------- Co-authored-by: Charles Bochet <charles@twenty.com>
2023-07-13 19:08:13 +02:00
parent e7d48d5373
commit 734e18e01a
88 changed files with 1789 additions and 671 deletions
--- a/front/src/modules/companies/table/hooks/useSetCompanyEntityTable.ts
+++ b/front/src/modules/companies/table/hooks/useSetCompanyEntityTable.ts
@ -0,0 +1,88 @@
+import { useRecoilCallback } from 'recoil';
+
+import { companyAccountOwnerFamilyState } from '@/companies/states/companyAccountOwnerFamilyState';
+import { companyAddressFamilyState } from '@/companies/states/companyAddressFamilyState';
+import { companyCommentCountFamilyState } from '@/companies/states/companyCommentCountFamilyState';
+import { companyCreatedAtFamilyState } from '@/companies/states/companyCreatedAtFamilyState';
+import { companyDomainNameFamilyState } from '@/companies/states/companyDomainNameFamilyState';
+import { companyEmployeesFamilyState } from '@/companies/states/companyEmployeesFamilyState';
+import { companyNameFamilyState } from '@/companies/states/companyNameFamilyState';
+import { GetCompaniesQuery } from '~/generated/graphql';
+
+export function useSetCompanyEntityTable() {
+  return useRecoilCallback(
+    ({ set, snapshot }) =>
+      (newCompanyArray: GetCompaniesQuery['companies']) => {
+        for (const company of newCompanyArray) {
+          const currentName = snapshot
+            .getLoadable(companyNameFamilyState(company.id))
+            .valueOrThrow();
+
+          if (currentName !== company.name) {
+            set(companyNameFamilyState(company.id), company.name);
+          }
+
+          const currentDomainName = snapshot
+            .getLoadable(companyDomainNameFamilyState(company.id))
+            .valueOrThrow();
+
+          if (currentDomainName !== company.domainName) {
+            set(companyDomainNameFamilyState(company.id), company.domainName);
+          }
+
+          const currentEmployees = snapshot
+            .getLoadable(companyEmployeesFamilyState(company.id))
+            .valueOrThrow();
+
+          if (currentEmployees !== company.employees) {
+            set(
+              companyEmployeesFamilyState(company.id),
+              company.employees?.toString() ?? '',
+            );
+          }
+
+          const currentAddress = snapshot
+            .getLoadable(companyAddressFamilyState(company.id))
+            .valueOrThrow();
+
+          if (currentAddress !== company.address) {
+            set(companyAddressFamilyState(company.id), company.address);
+          }
+
+          const currentCommentCount = snapshot
+            .getLoadable(companyCommentCountFamilyState(company.id))
+            .valueOrThrow();
+
+          if (currentCommentCount !== company._commentThreadCount) {
+            set(
+              companyCommentCountFamilyState(company.id),
+              company._commentThreadCount,
+            );
+          }
+
+          const currentAccountOwner = snapshot
+            .getLoadable(companyAccountOwnerFamilyState(company.id))
+            .valueOrThrow();
+
+          if (
+            JSON.stringify(currentAccountOwner) !==
+            JSON.stringify(company.accountOwner)
+          ) {
+            set(
+              companyAccountOwnerFamilyState(company.id),
+              company.accountOwner,
+            );
+          }
+
+          const currentCreatedAt = snapshot
+            .getLoadable(companyCreatedAtFamilyState(company.id))
+            .valueOrThrow();
+
+          if (currentCreatedAt !== company.createdAt) {
+            set(companyCreatedAtFamilyState(company.id), company.createdAt);
+          }
+        }
+      },
+    [],
+  );
+}