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; }) {