From 306b45a03853d7f9bde8121c1a1f575168c64ff9 Mon Sep 17 00:00:00 2001 From: Anuj Date: Thu, 2 Jan 2025 00:10:46 +0530 Subject: [PATCH] fix: Make kanban view creation text dynamic based on the object type (#9310) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit fixes #9298 fix issue where Kanban view creation text shows "Companies" instead of current object type. Changes: - Made text dynamic in ViewPickerContentCreateMode - Now displays correct object name --------- Co-authored-by: Félix Malfait --- .../components/ViewPickerContentCreateMode.tsx | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentCreateMode.tsx b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentCreateMode.tsx index 27618cea7..03acafdb9 100644 --- a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentCreateMode.tsx +++ b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentCreateMode.tsx @@ -2,6 +2,7 @@ import styled from '@emotion/styled'; import { Key } from 'ts-key-enum'; import { IconLayoutKanban, IconTable, IconX } from 'twenty-ui'; +import { useObjectMetadataItemById } from '@/object-metadata/hooks/useObjectMetadataItemById'; import { IconPicker } from '@/ui/input/components/IconPicker'; import { Select } from '@/ui/input/components/Select'; import { TextInputV2 } from '@/ui/input/components/TextInputV2'; @@ -13,6 +14,7 @@ import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope import { useRecoilComponentStateV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentStateV2'; import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2'; import { useSetRecoilComponentStateV2 } from '@/ui/utilities/state/component-state/hooks/useSetRecoilComponentStateV2'; +import { viewObjectMetadataIdComponentState } from '@/views/states/viewObjectMetadataIdComponentState'; import { ViewsHotkeyScope } from '@/views/types/ViewsHotkeyScope'; import { ViewType } from '@/views/types/ViewType'; import { ViewPickerCreateButton } from '@/views/view-picker/components/ViewPickerCreateButton'; @@ -44,6 +46,13 @@ export const ViewPickerContentCreateMode = () => { const { viewPickerMode, setViewPickerMode } = useViewPickerMode(); const [hasManuallySelectedIcon, setHasManuallySelectedIcon] = useState(false); + const viewObjectMetadataId = useRecoilComponentValueV2( + viewObjectMetadataIdComponentState, + ); + const { objectMetadataItem } = useObjectMetadataItemById({ + objectId: viewObjectMetadataId ?? '', + }); + const [viewPickerInputName, setViewPickerInputName] = useRecoilComponentStateV2(viewPickerInputNameComponentState); @@ -183,7 +192,8 @@ export const ViewPickerContentCreateMode = () => { {availableFieldsForKanban.length === 0 && ( - Set up a Select field on Companies to create a Kanban + Set up a Select field on {objectMetadataItem.labelPlural} to + create a Kanban )}