From becc2e14fbdb84bc8d364e7cace89395a29d9122 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Fri, 23 May 2025 11:04:14 +0200
Subject: [PATCH] Use combobox to find related collection

---
 .../collection-[collection]/attributes/relationship.svelte  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/relationship.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/relationship.svelte
index 8b2d8893c..85e6b4fb0 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/relationship.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/relationship.svelte
@@ -61,7 +61,7 @@
     import arrowTwo from './arrow-two.svg';
     import { camelize } from '$lib/helpers/string';
     import { isValueOfStringEnum } from '$lib/helpers/types';
-    import { Card, Layout } from '@appwrite.io/pink-svelte';
+    import { Card, Layout, Input } from '@appwrite.io/pink-svelte';
     import { IconArrowSmRight, IconSwitchHorizontal } from '@appwrite.io/pink-icons-svelte';
 
     // Props
@@ -147,15 +147,15 @@
     </Card.Selector>
 </Layout.Stack>
 
-<InputSelect
+<Input.ComboBox
     required
     id="related"
     label="Related collection"
     placeholder="Select a collection"
+    isSearchable
     bind:value={data.relatedCollection}
     on:change={updateKeyName}
     options={collections?.map((n) => ({ value: n.$id, label: `${n.name} (${n.$id})` })) ?? []} />
-
 {#if data?.relatedCollection}
     <InputText
         id="key"