diff --git a/src/plugins/voiceMessages/index.tsx b/src/plugins/voiceMessages/index.tsx index ddb395e4..68751a0f 100644 --- a/src/plugins/voiceMessages/index.tsx +++ b/src/plugins/voiceMessages/index.tsx @@ -21,6 +21,7 @@ import "./styles.css"; import { NavContextMenuPatchCallback } from "@api/ContextMenu"; import { Microphone } from "@components/Icons"; import { Link } from "@components/Link"; +import { Paragraph } from "@components/Paragraph"; import { Devs } from "@utils/constants"; import { Margins } from "@utils/margins"; import { ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, openModal } from "@utils/modal"; @@ -144,7 +145,7 @@ function Modal({ modalProps }: { modalProps: ModalProps; }) { URL.revokeObjectURL(blobUrl); }, [blobUrl]); - const [meta] = useAwaiter(async () => { + const [meta, metaError] = useAwaiter(async () => { if (!blob) return EMPTY_META; const audioContext = new AudioContext(); @@ -214,11 +215,15 @@ function Modal({ modalProps }: { modalProps: ModalProps; }) { Preview - + {metaError + ? Failed to parse selected audio file: {metaError.message} + : ( + + )} {isUnsupportedFormat && ( @@ -236,7 +241,7 @@ function Modal({ modalProps }: { modalProps: ModalProps; }) {