From 443045043129c476dde79bc98c026daa5e76285e Mon Sep 17 00:00:00 2001
From: Arthur Jamet <arthur.jamet@gmail.com>
Date: Mon, 22 Jan 2024 08:59:20 +0100
Subject: [PATCH] Front: Use another icon for mediainfo

---
 front/packages/ui/src/components/context-menus.tsx | 3 ++-
 front/packages/ui/src/details/header.tsx           | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/front/packages/ui/src/components/context-menus.tsx b/front/packages/ui/src/components/context-menus.tsx
index 5bf4a476..15ef6d8d 100644
--- a/front/packages/ui/src/components/context-menus.tsx
+++ b/front/packages/ui/src/components/context-menus.tsx
@@ -23,6 +23,7 @@ import { ComponentProps, ReactElement, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import MoreVert from "@material-symbols/svg-400/rounded/more_vert.svg";
 import Info from "@material-symbols/svg-400/rounded/info.svg";
+import MovieInfo from "@material-symbols/svg-400/rounded/movie_info.svg";
 import Download from "@material-symbols/svg-400/rounded/download.svg";
 import { WatchStatusV, queryFn, useAccount } from "@kyoo/models";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
@@ -106,7 +107,7 @@ export const EpisodesContext = ({
 						/>
 						<Menu.Item
 							label={t("home.episodeMore.mediainfo")}
-							icon={Info}
+							icon={MovieInfo}
 							onSelect={() =>
 								setPopup(
 									<MediaInfoPopup
diff --git a/front/packages/ui/src/details/header.tsx b/front/packages/ui/src/details/header.tsx
index 514a7c23..0ab5ebc1 100644
--- a/front/packages/ui/src/details/header.tsx
+++ b/front/packages/ui/src/details/header.tsx
@@ -51,7 +51,7 @@ import {
 } from "@kyoo/primitives";
 import { Fragment, ReactElement, useState } from "react";
 import { useTranslation } from "react-i18next";
-import Info from "@material-symbols/svg-400/rounded/info.svg";
+import MovieInfo from "@material-symbols/svg-400/rounded/movie_info.svg";
 import { ImageStyle, Platform, View } from "react-native";
 import {
 	Theme,
@@ -255,7 +255,7 @@ export const TitleLine = ({
 						)}
 						{type === "movie" && (
 							<IconButton
-								icon={Info}
+								icon={MovieInfo}
 								onPress={() =>
 									slug &&
 									setPopup(