happyz
/
memos
mirror of https://github.com/usememos/memos.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

conditional checks for midi file type

This commit is contained in:
Jason Shawn D'Souza 2025-08-09 22:59:48 +01:00
parent 9f8921d3b9
commit fdc2aa59ee
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/MemoAttachment.tsx
View File

@ -1,5 +1,5 @@
import { Attachment } from "@/types/proto/api/v1/attachment_service"; import { Attachment } from "@/types/proto/api/v1/attachment_service";
import { getAttachmentUrl } from "@/utils/attachment"; import { getAttachmentUrl, isMidiFile } from "@/utils/attachment";
import AttachmentIcon from "./AttachmentIcon"; import AttachmentIcon from "./AttachmentIcon";
interface Props { interface Props {
@ -19,7 +19,7 @@ const MemoAttachment: React.FC<Props> = (props: Props) => {
<div <div
className={`w-auto flex flex-row justify-start items-center text-muted-foreground hover:text-foreground hover:bg-accent rounded px-2 py-1 transition-colors ${className}`} className={`w-auto flex flex-row justify-start items-center text-muted-foreground hover:text-foreground hover:bg-accent rounded px-2 py-1 transition-colors ${className}`}
> >
{attachment.type.startsWith("audio") ? ( {attachment.type.startsWith("audio") && !isMidiFile(attachment.type) ? (
<audio src={attachmentUrl} controls></audio> <audio src={attachmentUrl} controls></audio>
) : ( ) : (
<> <>

7
web/src/utils/attachment.ts
View File

@ -13,7 +13,7 @@ export const getAttachmentType = (attachment: Attachment) => {
return "image/*"; return "image/*";
} else if (attachment.type.startsWith("video")) { } else if (attachment.type.startsWith("video")) {
return "video/*"; return "video/*";
} else if (attachment.type.startsWith("audio")) { } else if (attachment.type.startsWith("audio") && !isMidiFile(attachment.type)) {
return "audio/*"; return "audio/*";
} else if (attachment.type.startsWith("text")) { } else if (attachment.type.startsWith("text")) {
return "text/*"; return "text/*";
@ -40,6 +40,11 @@ export const isImage = (t: string) => {
return t.startsWith("image/") && !isPSD(t); return t.startsWith("image/") && !isPSD(t);
}; };
// isMidiFile returns true if the given mime type is a MIDI file.
export const isMidiFile = (mimeType: string): boolean => {
return mimeType === "audio/midi" || mimeType === "audio/mid" || mimeType === "audio/x-midi" || mimeType === "application/x-midi";
};
const isPSD = (t: string) => { const isPSD = (t: string) => {
return t === "image/vnd.adobe.photoshop" || t === "image/x-photoshop" || t === "image/photoshop"; return t === "image/vnd.adobe.photoshop" || t === "image/x-photoshop" || t === "image/photoshop";
}; };