Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-01-07 11:08:52 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

refactor(SetTokenDialog): refactor to TS, modularize config logic into separate components

Browse source
This commit is contained in:
Danny Avila 2023-07-06 11:47:08 -04:00 • committed by Danny Avila
parent b6f21af69b
commit 8b91145953
15 changed files with 385 additions and 306 deletions
Download patch file Download diff file Expand all files Collapse all files

17
client/src/components/Input/NewConversationMenu/EndpointItem.jsx
View file

@ -1,21 +1,12 @@
import { useState } from 'react';
import { DropdownMenuRadioItem } from '../../ui/DropdownMenu.tsx';
import { DropdownMenuRadioItem } from '~/components';
import { Settings } from 'lucide-react';
import getIcon from '~/utils/getIcon';
import { useRecoilValue } from 'recoil';
import SetTokenDialog from '../SetTokenDialog';
import { SetTokenDialog } from '../SetTokenDialog';
import store from '../../../store';
import { cn } from '~/utils/index.jsx';
const alternateName = {
openAI: 'OpenAI',
azureOpenAI: 'Azure OpenAI',
bingAI: 'Bing',
chatGPTBrowser: 'ChatGPT',
gptPlugins: 'Plugins',
google: 'PaLM'
};
import store from '~/store';
import { cn, alternateName } from '~/utils';
export default function ModelItem({ endpoint, value, isSelected }) {
const [setTokenDialogOpen, setSetTokenDialogOpen] = useState(false);

27
client/src/components/Input/NewConversationMenu/FileUpload.jsx → client/src/components/Input/NewConversationMenu/FileUpload.tsx
View file

@ -1,25 +1,36 @@
import { useState } from 'react';
import React, { useState } from 'react';
import { FileUp } from 'lucide-react';
import { cn } from '~/utils/';
const FileUpload = ({
type FileUploadProps = {
onFileSelected: (event: React.ChangeEvent<HTMLInputElement>) => void;
className?: string;
successText?: string;
invalidText?: string;
validator?: ((data: any) => boolean) | null;
text?: string;
id?: string;
};
const FileUpload: React.FC<FileUploadProps> = ({
onFileSelected,
className = '',
successText = null,
invalidText = null,
validator = null,
text = null,
id = '1'
}) => {
const [statusColor, setStatusColor] = useState('text-gray-600');
const [status, setStatus] = useState(null);
const [statusColor, setStatusColor] = useState<string>('text-gray-600');
const [status, setStatus] = useState<null | string>(null);
const handleFileChange = (event) => {
const file = event.target.files[0];
const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>): void => {
const file = event.target.files?.[0];
if (!file) return;
const reader = new FileReader();
reader.onload = (e) => {
const jsonData = JSON.parse(e.target.result);
const jsonData = JSON.parse(e.target?.result as string);
if (validator && !validator(jsonData)) {
setStatus('invalid');
setStatusColor('text-red-600');
@ -52,7 +63,7 @@ const FileUpload = ({
id={`file-upload-${id}`}
value=""
type="file"
className="hidden "
className={cn('hidden ', className)}
accept=".json"
onChange={handleFileChange}
/>