Uniformize folder structure (#693)

* Uniformize folder structure * Fix icons * Fix icons * Fix tests * Fix tests
2023-07-16 14:29:28 -07:00
parent 900ec5572f
commit 6ced8434bd
462 changed files with 931 additions and 960 deletions
--- a/front/src/modules/companies/editable-field/components/CompanyAccountOwnerEditableField.tsx
+++ b/front/src/modules/companies/editable-field/components/CompanyAccountOwnerEditableField.tsx
@ -0,0 +1,53 @@
+import { PersonChip } from '@/people/components/PersonChip';
+import { PageHotkeyScope } from '@/types/PageHotkeyScope';
+import { EditableField } from '@/ui/editable-field/components/EditableField';
+import { FieldContext } from '@/ui/editable-field/states/FieldContext';
+import { IconUserCircle } from '@/ui/icon';
+import { RecoilScope } from '@/ui/recoil-scope/components/RecoilScope';
+import { RelationPickerHotkeyScope } from '@/ui/relation-picker/types/RelationPickerHotkeyScope';
+import { Company, User } from '~/generated/graphql';
+
+import { CompanyAccountOwnerPickerFieldEditMode } from './CompanyAccountOwnerPickerFieldEditMode';
+
+type OwnProps = {
+  company: Pick<Company, 'id' | 'accountOwnerId'> & {
+    accountOwner?: Pick<User, 'id' | 'displayName' | 'avatarUrl'> | null;
+  };
+};
+
+export function CompanyAccountOwnerEditableField({ company }: OwnProps) {
+  return (
+    <RecoilScope SpecificContext={FieldContext}>
+      <RecoilScope>
+        <EditableField
+          customEditHotkeyScope={{
+            scope: RelationPickerHotkeyScope.RelationPicker,
+          }}
+          parentHotkeyScope={{
+            scope: PageHotkeyScope.CompanyShowPage,
+          }}
+          iconLabel={<IconUserCircle />}
+          editModeContent={
+            <CompanyAccountOwnerPickerFieldEditMode
+              parentHotkeyScope={{
+                scope: PageHotkeyScope.CompanyShowPage,
+              }}
+              company={company}
+            />
+          }
+          displayModeContent={
+            company.accountOwner?.displayName ? (
+              <PersonChip
+                id={company.accountOwner.id}
+                name={company.accountOwner?.displayName ?? ''}
+                picture={company.accountOwner?.avatarUrl ?? ''}
+              />
+            ) : (
+              <></>
+            )
+          }
+        />
+      </RecoilScope>
+    </RecoilScope>
+  );
+}