From 87f0b9073563f7a075a8bf068c367eb9d48644c0 Mon Sep 17 00:00:00 2001
From: Saliou Diallo <sddioulde@hotmail.com>
Date: Tue, 20 Feb 2024 21:10:26 -0500
Subject: [PATCH] [PAY-2512] Add more audio file type icons (#7658)

Co-authored-by: Saliou Diallo <saliou@audius.co>
---
 .../src/components/upload/TrackPreview.tsx    | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/packages/web/src/components/upload/TrackPreview.tsx b/packages/web/src/components/upload/TrackPreview.tsx
index 2706195a564..b49b5fb23dd 100644
--- a/packages/web/src/components/upload/TrackPreview.tsx
+++ b/packages/web/src/components/upload/TrackPreview.tsx
@@ -10,13 +10,17 @@ import {
   Flex,
   IconButton,
   IconCompose,
+  IconFileAAC,
   IconFileAIFF as iconFileAiff,
   IconFileFLAC as iconFileFlac,
   IconFileM4A as iconFileM4a,
   IconFileMP3 as iconFileMp3,
+  IconFileMP4,
   IconFileOGG as iconFileOgg,
+  IconFileOPUS,
   IconFileUnknown as iconFileUnknown,
   IconFileWAV as iconFileWav,
+  IconFileWEBM,
   IconTrash
 } from '@audius/harmony'
 import cn from 'classnames'
@@ -34,21 +38,39 @@ const messages = {
   remove: 'Remove Track'
 }
 
+// Used https://mimetype.io to see the list of related mime types to have a more comprehensive list.
 const fileTypeIcon = (type: string) => {
   switch (type) {
     case 'audio/mpeg':
     case 'audio/mp3':
       return iconFileMp3
+    case 'audio/mp4':
+    case 'audio/mpeg4-generic':
+      return IconFileMP4
+    case 'audio/m4a':
     case 'audio/x-m4a':
       return iconFileM4a
     case 'audio/aiff':
+    case 'audio/x-aiff':
       return iconFileAiff
     case 'audio/flac':
+    case 'audio/x-flac':
       return iconFileFlac
     case 'audio/ogg':
       return iconFileOgg
     case 'audio/wav':
+    case 'audio/x-wav':
+    case 'audio/x-pn-wav':
+    case 'audio/vnd.wav':
+    case 'audio/wave':
+    case 'audio/vnd.wave':
       return iconFileWav
+    case 'audio/aac':
+      return IconFileAAC
+    case 'audio/opus':
+      return IconFileOPUS
+    case 'audio/webm':
+      return IconFileWEBM
     default:
       return iconFileUnknown
   }