Chat Sharing (#62)

* dropdown language if available

* dropdown placeholder

* dropdown placeholder defaults

Author: LennartSchmidtKern

components/KernDropdown.tsx

@@ -196,7 +196,8 @@ export default function KernDropdown(props: KernDropdownProps) {
                         onFocus={(event) => event.target.select()}
                         className="h-9 w-full text-sm border-gray-300 rounded-md placeholder-italic border text-gray-900 pr-8 pl-4 truncate placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-gray-300 focus:ring-offset-2 focus:ring-offset-gray-100 disabled:opacity-50 disabled:cursor-not-allowed"
                         disabled={isDisabled && !props.ignoreDisabledForSearch}
-                        placeholder="Type to search..." />
+                        placeholder={props.placeholder || "Type to search..."}
+                    />
                     <MemoIconChevronDown
                         className={`h-5 w-5 absolute right-0 mr-3 -mt-7 ${isDisabled && !props.ignoreDisabledForSearch ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'} ${props.buttonIconClasses}`}
                         aria-hidden="true"

types/dropdown.ts

@@ -93,6 +93,7 @@ export type KernDropdownProps = {
     scrollAfterNOptions?: number;
     dropdownAdd?: JSX.Element[];
     forceOverwriteOpen?: boolean;
+    placeholder?: string;
 }
 
 export type AppSelectionDropdownProps = {