enh: upload audio

src/lib/components/notes/RecordMenu.svelte

@@ -4,12 +4,11 @@
 
 	import { showSettings, activeUserIds, USAGE_POOL, mobile, showSidebar, user } from '$lib/stores';
 	import { fade, slide } from 'svelte/transition';
-	import { userSignOut } from '$lib/apis/auths';
 
-	import Tooltip from '$lib/components/common/Tooltip.svelte';
-	import ArchiveBox from '$lib/components/icons/ArchiveBox.svelte';
 	import Mic from '../icons/Mic.svelte';
 	import CursorArrowRays from '../icons/CursorArrowRays.svelte';
+	import DocumentArrowUp from '../icons/DocumentArrowUp.svelte';
+	import CloudArrowUp from '../icons/CloudArrowUp.svelte';
 
 	const i18n = getContext('i18n');
 
@@ -18,6 +17,7 @@
 
 	export let onRecord = () => {};
 	export let onCaptureAudio = () => {};
+	export let onUpload = () => {};
 
 	const dispatch = createEventDispatcher();
 </script>
@@ -65,6 +65,19 @@
 				</div>
 				<div class=" self-center truncate">{$i18n.t('Capture Audio')}</div>
 			</button>
+
+			<button
+				class="flex rounded-md py-2 px-3 w-full hover:bg-gray-50 dark:hover:bg-gray-800 transition"
+				on:click={() => {
+					onUpload();
+					show = false;
+				}}
+			>
+				<div class=" self-center mr-2">
+					<CloudArrowUp className="size-5" strokeWidth="1.5" />
+				</div>
+				<div class=" self-center truncate">{$i18n.t('Upload Audio')}</div>
+			</button>
 		</DropdownMenu.Content>
 	</slot>
 </DropdownMenu.Root>