Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-19 18:00:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refactor(client): Refactors recent typescript changes for best practices (#763)

Browse source 
* create common types in client

* remove unnecessary rules from eslint config

* cleanup types

* put back eslintrc rules
This commit is contained in:
Dan Orlando 2023-08-05 13:45:26 -07:00 • committed by GitHub
parent 5828200197
commit 96d29f7390
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
32 changed files with 233 additions and 245 deletions
Download patch file Download diff file Expand all files Collapse all files

18
client/src/components/ui/MultiSelectDropDown.tsx
View file

@ -3,8 +3,22 @@ import { Listbox, Transition } from '@headlessui/react';
import { Wrench, ArrowRight } from 'lucide-react';
import { CheckMark } from '~/components/svg';
import useOnClickOutside from '~/hooks/useOnClickOutside';
import { MultiSelectDropDownProps } from 'librechat-data-provider';
import { cn } from '~/utils/';
import type { TPlugin } from 'librechat-data-provider';
export type TMultiSelectDropDownProps = {
title?: string;
value: Array<{ icon?: string; name?: string; isButton?: boolean }>;
disabled?: boolean;
setSelected: (option: string) => void;
availableValues: TPlugin[];
showAbove?: boolean;
showLabel?: boolean;
containerClassName?: string;
isSelected: (value: string) => boolean;
className?: string;
optionValueKey?: string;
};
function MultiSelectDropDown({
title = 'Plugins',
@ -18,7 +32,7 @@ function MultiSelectDropDown({
isSelected,
className,
optionValueKey = 'value',
}: MultiSelectDropDownProps) {
}: TMultiSelectDropDownProps) {
const [isOpen, setIsOpen] = useState(false);
const menuRef = useRef(null);
const excludeIds = ['select-plugin', 'plugins-label', 'selected-plugins'];