From 881188c689d11c790ba86d15ef064d5faa1628b5 Mon Sep 17 00:00:00 2001
From: Scott Merchant <scott.merchant@octopus.com>
Date: Sun, 9 Jun 2024 13:00:23 +0930
Subject: [PATCH] Fix icon when no media type selected

---
 front/packages/ui/src/browse/header.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/front/packages/ui/src/browse/header.tsx b/front/packages/ui/src/browse/header.tsx
index 2fcb9ab1..797878c0 100644
--- a/front/packages/ui/src/browse/header.tsx
+++ b/front/packages/ui/src/browse/header.tsx
@@ -56,13 +56,14 @@ const MediaTypeTrigger = forwardRef<View, PressableProps & { mediaType: MediaTyp
 		const { t } = useTranslation();
 		const labelKey =
 			mediaType !== MediaTypeAll ? `browse.mediatypekey.${mediaType.key}` : "browse.mediatypelabel";
+		const icon = mediaType !== MediaTypeAll ? mediaType?.icon ?? FilterList : FilterList;
 		return (
 			<PressableFeedback
 				ref={ref}
 				{...css({ flexDirection: "row", alignItems: "center" }, props as any)}
 				{...tooltip(t("browse.mediatype-tt"))}
 			>
-				<Icon icon={mediaType?.icon ?? FilterList} {...css({ paddingX: ts(0.5) })} />
+				<Icon icon={icon} {...css({ paddingX: ts(0.5) })} />
 				<P>{t(labelKey as any)}</P>
 			</PressableFeedback>
 		);