From 660175f4ed3fc2f01b3bb2602580e5bf278e3bdc Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Mon, 12 Aug 2024 09:25:24 +0200
Subject: [PATCH] Use artist in media session for android

---
 front/packages/ui/src/player/index.tsx         |  2 +-
 front/packages/ui/src/player/media-session.tsx |  5 ++++-
 front/packages/ui/src/player/state.tsx         | 11 ++---------
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/front/packages/ui/src/player/index.tsx b/front/packages/ui/src/player/index.tsx
index 193e13dc..4268dcf5 100644
--- a/front/packages/ui/src/player/index.tsx
+++ b/front/packages/ui/src/player/index.tsx
@@ -146,7 +146,7 @@ export const Player = ({
 				<Video
 					metadata={{
 						title: title ?? t("show.episodeNoMetadata"),
-						subtitle: subtitle ?? undefined,
+						artist: subtitle ?? undefined,
 						description: data?.overview ?? undefined,
 						imageUri: image?.medium,
 						next: next,
diff --git a/front/packages/ui/src/player/media-session.tsx b/front/packages/ui/src/player/media-session.tsx
index d2567c3b..f5d2d77a 100644
--- a/front/packages/ui/src/player/media-session.tsx
+++ b/front/packages/ui/src/player/media-session.tsx
@@ -27,12 +27,14 @@ import { durationAtom, playAtom, progressAtom } from "./state";
 export const MediaSessionManager = ({
 	title,
 	subtitle,
+	artist,
 	imageUri,
 	previous,
 	next,
 }: {
 	title?: string;
 	subtitle?: string;
+	artist?: string;
 	imageUri?: string | null;
 	previous?: string;
 	next?: string;
@@ -48,9 +50,10 @@ export const MediaSessionManager = ({
 		navigator.mediaSession.metadata = new MediaMetadata({
 			title: title,
 			album: subtitle,
+			artist: artist,
 			artwork: imageUri ? [{ src: imageUri }] : undefined,
 		});
-	}, [title, subtitle, imageUri]);
+	}, [title, subtitle, artist, imageUri]);
 
 	useEffect(() => {
 		if (!("mediaSession" in navigator)) return;
diff --git a/front/packages/ui/src/player/state.tsx b/front/packages/ui/src/player/state.tsx
index 2c870932..680df681 100644
--- a/front/packages/ui/src/player/state.tsx
+++ b/front/packages/ui/src/player/state.tsx
@@ -33,7 +33,7 @@ import {
 } from "react";
 import { useTranslation } from "react-i18next";
 import { Platform } from "react-native";
-import NativeVideo, { canPlay, type VideoProps } from "./video";
+import NativeVideo, { canPlay, VideoMetadata, type VideoProps } from "./video";
 
 export const playAtom = atom(true);
 export const loadAtom = atom(false);
@@ -114,14 +114,7 @@ export const Video = memo(function Video({
 	setError: (error: string | undefined) => void;
 	fonts?: string[];
 	startTime?: number | null;
-	metadata: {
-		title?: string;
-		subtitle?: string;
-		description?: string;
-		imageUri?: string;
-		previous?: string;
-		next?: string;
-	};
+	metadata: VideoMetadata & { next?: string; previous?: string };
 } & Partial<VideoProps>) {
 	const ref = useRef<ElementRef<typeof NativeVideo> | null>(null);
 	const [isPlaying, setPlay] = useAtom(playAtom);