iod/page-assist
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update form components to handle pasted files

Browse Source
This commit is contained in:
n4ze3m 2024-05-18 17:36:50 +05:30
parent 160927a5a6
commit e623cc5ead
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Option/Playground/PlaygroundForm.tsx
View File

@ -71,7 +71,11 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
} }
} }
} }
const handlePaste = (e: React.ClipboardEvent) => {
if (e.clipboardData.files.length > 0) {
onInputChange(e.clipboardData.files[0])
}
}
React.useEffect(() => { React.useEffect(() => {
if (dropedFile) { if (dropedFile) {
onInputChange(dropedFile) onInputChange(dropedFile)
@ -219,6 +223,7 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
ref={textareaRef} ref={textareaRef}
className="px-2 py-2 w-full resize-none bg-transparent focus-within:outline-none focus:ring-0 focus-visible:ring-0 ring-0 dark:ring-0 border-0 dark:text-gray-100" className="px-2 py-2 w-full resize-none bg-transparent focus-within:outline-none focus:ring-0 focus-visible:ring-0 ring-0 dark:ring-0 border-0 dark:text-gray-100"
required required
onPaste={handlePaste}
rows={1} rows={1}
style={{ minHeight: "60px" }} style={{ minHeight: "60px" }}
tabIndex={0} tabIndex={0}

7
src/components/Sidepanel/Chat/form.tsx
View File

@ -83,6 +83,12 @@ export const SidepanelForm = ({ dropedFile }: Props) => {
} }
} }
const handlePaste = (e: React.ClipboardEvent) => {
if (e.clipboardData.files.length > 0) {
onInputChange(e.clipboardData.files[0])
}
}
const { const {
onSubmit, onSubmit,
selectedModel, selectedModel,
@ -178,6 +184,7 @@ export const SidepanelForm = ({ dropedFile }: Props) => {
ref={textareaRef} ref={textareaRef}
className="px-2 py-2 w-full resize-none bg-transparent focus-within:outline-none focus:ring-0 focus-visible:ring-0 ring-0 dark:ring-0 border-0 dark:text-gray-100" className="px-2 py-2 w-full resize-none bg-transparent focus-within:outline-none focus:ring-0 focus-visible:ring-0 ring-0 dark:ring-0 border-0 dark:text-gray-100"
required required
onPaste={handlePaste}
rows={1} rows={1}
style={{ minHeight: "60px" }} style={{ minHeight: "60px" }}
tabIndex={0} tabIndex={0}