🚸 (typebotLink) Exclude current bot name from select list

baptisteArno · Feb 17, 2023 · 9624387 · 9624387
1 parent 4a0dd0b
commit 9624387
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/...lder/src/features/blocks/logic/typebotLink/components/TypebotLinkForm/TypebotLinkForm.tsx b/...lder/src/features/blocks/logic/typebotLink/components/TypebotLinkForm/TypebotLinkForm.tsx
@@ -22,6 +22,7 @@ export const TypebotLinkForm = ({ options, onOptionsChange }: Props) => {
     <Stack>
       {typebot && (
         <TypebotsDropdown
+          idsToExclude={[typebot.id]}
           typebotId={options.typebotId}
           onSelectTypebotId={handleTypebotIdChange}
           currentWorkspaceId={typebot.workspaceId as string}

diff --git a/...der/src/features/blocks/logic/typebotLink/components/TypebotLinkForm/TypebotsDropdown.tsx b/...der/src/features/blocks/logic/typebotLink/components/TypebotLinkForm/TypebotsDropdown.tsx
@@ -10,12 +10,14 @@ import { SearchableDropdown } from '@/components/SearchableDropdown'
 import { EmojiOrImageIcon } from '@/components/EmojiOrImageIcon'
 
 type Props = {
+  idsToExclude: string[]
   typebotId?: string | 'current'
   currentWorkspaceId: string
   onSelectTypebotId: (typebotId: string | 'current') => void
 }
 
 export const TypebotsDropdown = ({
+  idsToExclude,
   typebotId,
   onSelectTypebotId,
   currentWorkspaceId,
@@ -51,19 +53,21 @@ export const TypebotsDropdown = ({
             label: 'Current typebot',
             value: 'Current typebot',
           },
-          ...(typebots ?? []).map((typebot) => ({
-            value: typebot.name,
-            label: (
-              <HStack as="span" spacing="2">
-                <EmojiOrImageIcon
-                  icon={typebot.icon}
-                  boxSize="18px"
-                  emojiFontSize="18px"
-                />
-                <Text>{typebot.name}</Text>
-              </HStack>
-            ),
-          })),
+          ...(typebots ?? [])
+            .filter((typebot) => !idsToExclude.includes(typebot.id))
+            .map((typebot) => ({
+              value: typebot.name,
+              label: (
+                <HStack as="span" spacing="2">
+                  <EmojiOrImageIcon
+                    icon={typebot.icon}
+                    boxSize="18px"
+                    emojiFontSize="18px"
+                  />
+                  <Text>{typebot.name}</Text>
+                </HStack>
+              ),
+            })),
         ]}
         onValueChange={handleTypebotSelect}
         placeholder={'Select a typebot'}