Merge pull request #710 from SnowCait/pick-multiple-images

Pick multiple images
SnowCait · Oct 13, 2023 · 3d910a1 · 3d910a1 · vercel · Oct 13, 2023
2 parents f287a33 + 8b2464d
commit 3d910a1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/web/src/routes/editor/MediaPicker.svelte b/web/src/routes/editor/MediaPicker.svelte
@@ -2,6 +2,8 @@
 	import { createEventDispatcher } from 'svelte';
 	import IconPhoto from '@tabler/icons-svelte/dist/svelte/icons/IconPhoto.svelte';
 
+	export let multiple = false;
+
 	let input: HTMLInputElement | undefined;
 	let files: FileList;
 
@@ -11,7 +13,7 @@
 <button on:click|preventDefault={() => input?.click()} class="clear">
 	<IconPhoto size="30" />
 </button>
-<input type="file" bind:this={input} bind:files on:change={() => dispatch('pick', files)} accept="image/*" hidden>
+<input type="file" {multiple} bind:this={input} bind:files on:change={() => dispatch('pick', files)} accept="image/*" hidden>
 
 <style>
 	button {

diff --git a/web/src/routes/editor/NoteEditor.svelte b/web/src/routes/editor/NoteEditor.svelte
@@ -397,7 +397,7 @@
 	/>
 	<div class="actions">
 		<div class="options">
-			<MediaPicker on:pick={mediaPicked} />
+			<MediaPicker multiple={true} on:pick={mediaPicked} />
 			<EmojiPickerSlide bind:this={emojiPickerSlide} on:pick={onEmojiPick} />
 			<ContentWarning bind:reason={contentWarningReason} />
 		</div>