dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-07-07 03:50:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: filedrop types

Browse source
This commit is contained in:
EETagent 2022-12-24 14:58:45 +01:00
parent bfe63e0df4
commit 15130b1b92
2 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/global.d.ts vendored Normal file
View file

@ -0,0 +1,18 @@
declare type FileDropEvent = import("filedrop-svelte/event").FileDropEvent;
declare type FileDropSelectEvent = import("filedrop-svelte/event").FileDropSelectEvent;
declare type FileDropDragEvent = import("filedrop-svelte/event").FileDropDragEvent;
declare namespace svelte.JSX {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
interface HTMLAttributes<T> {
onfiledrop?: (event: CustomEvent<FileDropSelectEvent> & { target: EventTarget & T }) => void;
onfiledragenter?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
onfiledragleave?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
onfiledragover?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
onfiledialogcancel?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
onfiledialogclose?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
onfiledialogopen?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
onwindowfiledragenter?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
onwindowfiledragleave?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
onwindowfiledragover?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
}
}

8
frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import FileType from './FileType.svelte'; import FileType from './FileType.svelte';
import debounce from 'just-debounce-it'; import debounce from 'just-debounce-it';
import { filedrop, type FileDropOptions } from 'filedrop-svelte'; import { filedrop, type FileDropOptions, type Files } from 'filedrop-svelte';
import { submissionProgress, UploadStatus, type Status } from '$lib/stores/portfolio'; import { submissionProgress, UploadStatus, type Status } from '$lib/stores/portfolio';
import { createEventDispatcher } from 'svelte'; import { createEventDispatcher } from 'svelte';
import ProgressBar from './ProgressBar.svelte'; import ProgressBar from './ProgressBar.svelte';
@ -68,12 +68,8 @@
clearInterval(dashAnimationInterval); clearInterval(dashAnimationInterval);
}; };
type Dropped = {
accepted: Array<File>;
rejected: Array<File>;
};
const onFileDrop = (dropped: Dropped) => { const onFileDrop = (dropped: Files) => {
console.log(dropped); console.log(dropped);
if (dropped.accepted.length > 0) { if (dropped.accepted.length > 0) {
fileDropped = true; fileDropped = true;