feat: Set preselect field type on new field of object page (#6314)

#5661 --------- Co-authored-by: Achsan <[email protected]> Co-authored-by: Félix Malfait <[email protected]>
twentyhq · Aug 7, 2024 · f2aa67b · f2aa67b
1 parent 9a0c967
commit f2aa67b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/twenty-front/src/modules/views/view-picker/hooks/useGetAvailableFieldsForKanban.ts b/packages/twenty-front/src/modules/views/view-picker/hooks/useGetAvailableFieldsForKanban.ts
@@ -37,7 +37,7 @@ export const useGetAvailableFieldsForKanban = () => {
       navigate(
         `/settings/objects/${getObjectSlug(
           objectMetadataItem,
-        )}/new-field/step-2`,
+        )}/new-field/step-2?fieldType=${FieldMetadataType.Select}`,
       );
     } else {
       navigate(`/settings/objects`);

diff --git a/...ront/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep2.tsx b/...ront/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep2.tsx
@@ -4,7 +4,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import pick from 'lodash.pick';
 import { useEffect, useState } from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
-import { useNavigate, useParams } from 'react-router-dom';
+import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
 import { H2Title, IconSettings } from 'twenty-ui';
 import { z } from 'zod';
 
@@ -48,6 +48,8 @@ const StyledSettingsObjectFieldTypeSelect = styled(
 export const SettingsObjectNewFieldStep2 = () => {
   const navigate = useNavigate();
   const { objectSlug = '' } = useParams();
+  const [searchParams] = useSearchParams();
+  const fieldType = searchParams.get('fieldType') as SettingsSupportedFieldType;
   const { enqueueSnackBar } = useSnackBar();
 
   const { findActiveObjectMetadataItemBySlug } =
@@ -211,6 +213,9 @@ export const SettingsObjectNewFieldStep2 = () => {
               />
               <StyledSettingsObjectFieldTypeSelect
                 excludedFieldTypes={excludedFieldTypes}
+                fieldMetadataItem={{
+                  type: fieldType,
+                }}
               />
               <SettingsDataModelFieldSettingsFormCard
                 fieldMetadataItem={{