Feat/add opportunity (#1267)

* Renamed AuthAutoRouter * Moved RecoilScope * Refactored old WithTopBarContainer to make it less transclusive * Created new add opportunity button and refactored DropdownButton * Added tests * Update front/src/modules/companies/components/CompanyProgressPicker.tsx Co-authored-by: Thaïs <guigon.thais@gmail.com> * Update front/src/modules/companies/components/CompanyProgressPicker.tsx Co-authored-by: Thaïs <guigon.thais@gmail.com> * Update front/src/modules/companies/components/CompanyProgressPicker.tsx Co-authored-by: Thaïs <guigon.thais@gmail.com> * Update front/src/modules/companies/components/CompanyProgressPicker.tsx Co-authored-by: Thaïs <guigon.thais@gmail.com> * Update front/src/modules/ui/dropdown/components/DropdownButton.tsx Co-authored-by: Thaïs <guigon.thais@gmail.com> * Update front/src/modules/ui/dropdown/components/DropdownButton.tsx Co-authored-by: Thaïs <guigon.thais@gmail.com> * Update front/src/modules/ui/dropdown/components/DropdownButton.tsx Co-authored-by: Thaïs <guigon.thais@gmail.com> * Update front/src/modules/ui/layout/components/PageHeader.tsx Co-authored-by: Thaïs <guigon.thais@gmail.com> * Update front/src/pages/opportunities/Opportunities.tsx Co-authored-by: Thaïs <guigon.thais@gmail.com> * Fix lint * Fix lint --------- Co-authored-by: Charles Bochet <charles@twenty.com> Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com> Co-authored-by: Thaïs <guigon.thais@gmail.com>
2023-08-23 18:57:08 +02:00
parent 74ab0142c7
commit 64cef963bc
23 changed files with 696 additions and 97 deletions
--- a/front/src/modules/pipeline/components/PipelineAddButton.tsx
+++ b/front/src/modules/pipeline/components/PipelineAddButton.tsx
@ -0,0 +1,79 @@
+import { CompanyProgressPicker } from '@/companies/components/CompanyProgressPicker';
+import { useCreateCompanyProgress } from '@/companies/hooks/useCreateCompanyProgress';
+import { PageHotkeyScope } from '@/types/PageHotkeyScope';
+import { IconButton } from '@/ui/button/components/IconButton';
+import { DropdownButton } from '@/ui/dropdown/components/DropdownButton';
+import { useDropdownButton } from '@/ui/dropdown/hooks/useDropdownButton';
+import { IconPlus } from '@/ui/icon/index';
+import { EntityForSelect } from '@/ui/input/relation-picker/types/EntityForSelect';
+import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';
+import { useSnackBar } from '@/ui/snack-bar/hooks/useSnackBar';
+
+export function PipelineAddButton() {
+  const { enqueueSnackBar } = useSnackBar();
+
+  const { closeDropdownButton } = useDropdownButton();
+
+  const createCompanyProgress = useCreateCompanyProgress();
+
+  function handleCompanySelected(
+    selectedCompany: EntityForSelect | null,
+    selectedPipelineStageId: string | null,
+  ) {
+    if (!selectedCompany?.id) {
+      enqueueSnackBar(
+        'There was a problem with the company selection, please retry.',
+        {
+          variant: 'error',
+        },
+      );
+
+      console.error(
+        'There was a problem with the company selection, please retry.',
+      );
+      return;
+    }
+
+    if (!selectedPipelineStageId) {
+      enqueueSnackBar(
+        'There was a problem with the pipeline stage selection, please retry.',
+        {
+          variant: 'error',
+        },
+      );
+
+      console.error('There was a problem with the pipeline stage selection.');
+      return;
+    }
+
+    createCompanyProgress(selectedCompany.id, selectedPipelineStageId);
+  }
+
+  return (
+    <DropdownButton
+      buttonComponents={
+        <IconButton
+          icon={<IconPlus size={16} />}
+          size="large"
+          data-testid="add-company-progress-button"
+          textColor={'secondary'}
+          variant="border"
+        />
+      }
+      dropdownComponents={
+        <CompanyProgressPicker
+          companyId={null}
+          onSubmit={handleCompanySelected}
+          onCancel={closeDropdownButton}
+        />
+      }
+      hotkey={{
+        key: 'c',
+        scope: PageHotkeyScope.OpportunitiesPage,
+      }}
+      dropdownScopeToSet={{
+        scope: RelationPickerHotkeyScope.RelationPicker,
+      }}
+    />
+  );
+}