feat(audio): recognize the audio family in the frontend formats grid

This commit is contained in:
2026-08-01 14:19:39 +02:00
parent 433ff3b726
commit 3d62d2983b
6 changed files with 14 additions and 4 deletions
+2 -1
View File
@@ -1,5 +1,5 @@
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { Image, FileText, TextAa, BookOpen, Archive } from '@phosphor-icons/react'; import { Image, FileText, TextAa, BookOpen, Archive, MusicNotes } from '@phosphor-icons/react';
import { FORMAT_FAMILIES } from '../data/formats.js'; import { FORMAT_FAMILIES } from '../data/formats.js';
const FAMILY_ICONS = { const FAMILY_ICONS = {
@@ -8,6 +8,7 @@ const FAMILY_ICONS = {
fonts: TextAa, fonts: TextAa,
ebooks: BookOpen, ebooks: BookOpen,
archives: Archive, archives: Archive,
audio: MusicNotes,
}; };
export function FormatsGrid() { export function FormatsGrid() {
+4
View File
@@ -19,4 +19,8 @@ export const FORMAT_FAMILIES = [
key: 'archives', key: 'archives',
formats: ['zip', 'tar', 'tar.gz', 'tar.bz2', '7z', 'tar.7z', 'rar'], formats: ['zip', 'tar', 'tar.gz', 'tar.bz2', '7z', 'tar.7z', 'rar'],
}, },
{
key: 'audio',
formats: ['mp3', 'wav', 'ogg', 'flac', 'aac', 'm4a'],
},
]; ];
+2
View File
@@ -24,6 +24,7 @@
--color-family-fonts: #f5a524; --color-family-fonts: #f5a524;
--color-family-ebooks: #10b981; --color-family-ebooks: #10b981;
--color-family-archives: #64748b; --color-family-archives: #64748b;
--color-family-audio: #ec4899;
--font-sans: 'Plus Jakarta Sans', system-ui, 'Segoe UI', Roboto, sans-serif; --font-sans: 'Plus Jakarta Sans', system-ui, 'Segoe UI', Roboto, sans-serif;
--font-display: 'Bricolage Grotesque', var(--font-sans); --font-display: 'Bricolage Grotesque', var(--font-sans);
@@ -53,6 +54,7 @@
--color-family-fonts: #ffb84d; --color-family-fonts: #ffb84d;
--color-family-ebooks: #34d399; --color-family-ebooks: #34d399;
--color-family-archives: #94a3b8; --color-family-archives: #94a3b8;
--color-family-audio: #f472b6;
} }
*, *::before, *::after { *, *::before, *::after {
+2 -1
View File
@@ -41,7 +41,8 @@
"documents": "Documents", "documents": "Documents",
"fonts": "Fonts", "fonts": "Fonts",
"ebooks": "Ebooks", "ebooks": "Ebooks",
"archives": "Archives" "archives": "Archives",
"audio": "Audio"
}, },
"footer": { "footer": {
"rights": "Ombrora Convert — Online file conversion" "rights": "Ombrora Convert — Online file conversion"
+2 -1
View File
@@ -41,7 +41,8 @@
"documents": "Documents", "documents": "Documents",
"fonts": "Polices", "fonts": "Polices",
"ebooks": "Ebooks", "ebooks": "Ebooks",
"archives": "Archives" "archives": "Archives",
"audio": "Audio"
}, },
"footer": { "footer": {
"rights": "Ombrora Convert — Conversion de fichiers en ligne" "rights": "Ombrora Convert — Conversion de fichiers en ligne"
+2 -1
View File
@@ -1,4 +1,4 @@
import { Image, FileText, TextAa, BookOpen, Archive, File as FileIcon } from '@phosphor-icons/react'; import { Image, FileText, TextAa, BookOpen, Archive, MusicNotes, File as FileIcon } from '@phosphor-icons/react';
import { FORMAT_FAMILIES } from '../data/formats.js'; import { FORMAT_FAMILIES } from '../data/formats.js';
const FAMILY_ICONS = { const FAMILY_ICONS = {
@@ -7,6 +7,7 @@ const FAMILY_ICONS = {
fonts: TextAa, fonts: TextAa,
ebooks: BookOpen, ebooks: BookOpen,
archives: Archive, archives: Archive,
audio: MusicNotes,
}; };
export function familyForExtension(extension) { export function familyForExtension(extension) {