Migrate to a monorepo structure (#2909)

2023-12-10 18:10:54 +01:00
parent a70a9281eb
commit 5bdca9de6c
2304 changed files with 37152 additions and 25869 deletions
--- a/packages/twenty-front/src/pages/settings/data-model/SettingsNewObject.tsx
+++ b/packages/twenty-front/src/pages/settings/data-model/SettingsNewObject.tsx
@ -0,0 +1,162 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+
+import { useObjectMetadataItemForSettings } from '@/object-metadata/hooks/useObjectMetadataItemForSettings';
+import { getObjectSlug } from '@/object-metadata/utils/getObjectSlug';
+import { SaveAndCancelButtons } from '@/settings/components/SaveAndCancelButtons/SaveAndCancelButtons';
+import { SettingsHeaderContainer } from '@/settings/components/SettingsHeaderContainer';
+import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
+import { SettingsObjectFormSection } from '@/settings/data-model/components/SettingsObjectFormSection';
+import { SettingsAvailableStandardObjectsSection } from '@/settings/data-model/new-object/components/SettingsAvailableStandardObjectsSection';
+import {
+  NewObjectType,
+  SettingsNewObjectType,
+} from '@/settings/data-model/new-object/components/SettingsNewObjectType';
+import { SettingsObjectIconSection } from '@/settings/data-model/object-edit/SettingsObjectIconSection';
+import { IconSettings } from '@/ui/display/icon';
+import { H2Title } from '@/ui/display/typography/components/H2Title';
+import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
+import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
+import { Section } from '@/ui/layout/section/components/Section';
+import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
+
+export const SettingsNewObject = () => {
+  const navigate = useNavigate();
+  const [selectedObjectType, setSelectedObjectType] =
+    useState<NewObjectType>('Standard');
+  const { enqueueSnackBar } = useSnackBar();
+
+  const {
+    activateObjectMetadataItem: activateObject,
+    createObjectMetadataItem: createObject,
+    disabledObjectMetadataItems: disabledObjects,
+  } = useObjectMetadataItemForSettings();
+
+  const [
+    selectedStandardObjectMetadataIds,
+    setSelectedStandardObjectMetadataIds,
+  ] = useState<Record<string, boolean>>({});
+
+  const [customFormValues, setCustomFormValues] = useState<{
+    description?: string;
+    icon: string;
+    labelPlural: string;
+    labelSingular: string;
+  }>({ icon: 'IconPigMoney', labelPlural: '', labelSingular: '' });
+
+  const canSave =
+    (selectedObjectType === 'Standard' &&
+      Object.values(selectedStandardObjectMetadataIds).some(
+        (isSelected) => isSelected,
+      )) ||
+    (selectedObjectType === 'Custom' &&
+      !!customFormValues.labelPlural &&
+      !!customFormValues.labelSingular);
+
+  const handleSave = async () => {
+    if (selectedObjectType === 'Standard') {
+      await Promise.all(
+        Object.entries(selectedStandardObjectMetadataIds).map(
+          ([standardObjectMetadataId, isSelected]) =>
+            isSelected
+              ? activateObject({ id: standardObjectMetadataId })
+              : undefined,
+        ),
+      );
+
+      navigate('/settings/objects');
+    }
+
+    if (selectedObjectType === 'Custom') {
+      try {
+        const createdObject = await createObject({
+          labelPlural: customFormValues.labelPlural,
+          labelSingular: customFormValues.labelSingular,
+          description: customFormValues.description,
+          icon: customFormValues.icon,
+        });
+
+        navigate(
+          createdObject.data?.createOneObject.isActive
+            ? `/settings/objects/${getObjectSlug(
+                createdObject.data.createOneObject,
+              )}`
+            : '/settings/objects',
+        );
+      } catch (error) {
+        enqueueSnackBar((error as Error).message, {
+          variant: 'error',
+        });
+      }
+    }
+  };
+
+  return (
+    <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
+      <SettingsPageContainer>
+        <SettingsHeaderContainer>
+          <Breadcrumb
+            links={[
+              { children: 'Objects', href: '/settings/objects' },
+              { children: 'New' },
+            ]}
+          />
+          <SaveAndCancelButtons
+            isSaveDisabled={!canSave}
+            onCancel={() => {
+              navigate('/settings/objects');
+            }}
+            onSave={handleSave}
+          />
+        </SettingsHeaderContainer>
+        <Section>
+          <H2Title
+            title="Object type"
+            description="The type of object you want to add"
+          />
+          <SettingsNewObjectType
+            selectedType={selectedObjectType}
+            onTypeSelect={setSelectedObjectType}
+          />
+        </Section>
+        {selectedObjectType === 'Standard' && (
+          <SettingsAvailableStandardObjectsSection
+            objectItems={disabledObjects.filter(({ isCustom }) => !isCustom)}
+            onChange={(selectedIds) =>
+              setSelectedStandardObjectMetadataIds((previousSelectedIds) => ({
+                ...previousSelectedIds,
+                ...selectedIds,
+              }))
+            }
+            selectedIds={selectedStandardObjectMetadataIds}
+          />
+        )}
+        {selectedObjectType === 'Custom' && (
+          <>
+            <SettingsObjectIconSection
+              label={customFormValues.labelPlural}
+              iconKey={customFormValues.icon}
+              onChange={({ iconKey }) => {
+                setCustomFormValues((previousValues) => ({
+                  ...previousValues,
+                  icon: iconKey,
+                }));
+              }}
+            />
+            <SettingsObjectFormSection
+              singularName={customFormValues.labelSingular}
+              pluralName={customFormValues.labelPlural}
+              description={customFormValues.description}
+              onChange={(formValues) => {
+                setCustomFormValues((previousValues) => ({
+                  ...previousValues,
+                  ...formValues,
+                }));
+              }}
+            />
+          </>
+        )}
+      </SettingsPageContainer>
+    </SubMenuTopBarContainer>
+  );
+};