From 9e3337e9c5a9732c1a08b8e1d0b4138b39efccaf Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Tue, 4 Apr 2023 14:33:29 +0900
Subject: [PATCH] Hide the cursor when playing a video

---
 front/packages/primitives/src/links.tsx |  2 +-
 front/packages/ui/src/player/index.tsx  | 22 ++++++++++++++--------
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/front/packages/primitives/src/links.tsx b/front/packages/primitives/src/links.tsx
index ca9662dc..576f0515 100644
--- a/front/packages/primitives/src/links.tsx
+++ b/front/packages/primitives/src/links.tsx
@@ -20,7 +20,7 @@
 
 import { forwardRef, ReactNode } from "react";
 import { Platform, Pressable, TextProps, View, PressableProps } from "react-native";
-import { LinkCore, TextLink, useLink } from "solito/link";
+import { TextLink, useLink } from "solito/link";
 import { useTheme, useYoshiki } from "yoshiki/native";
 import { alpha } from "./themes";
 
diff --git a/front/packages/ui/src/player/index.tsx b/front/packages/ui/src/player/index.tsx
index 92f514e5..84d0b83d 100644
--- a/front/packages/ui/src/player/index.tsx
+++ b/front/packages/ui/src/player/index.tsx
@@ -131,12 +131,12 @@ export const Player: QueryPage<{ slug: string }> = ({ slug }) => {
 						data.isMovie
 							? data.name
 							: data.showTitle +
-							" " +
-							episodeDisplayNumber({
-								seasonNumber: data.seasonNumber,
-								episodeNumber: data.episodeNumber,
-								absoluteNumber: data.absoluteNumber,
-							})
+							  " " +
+							  episodeDisplayNumber({
+									seasonNumber: data.seasonNumber,
+									episodeNumber: data.episodeNumber,
+									absoluteNumber: data.absoluteNumber,
+							  })
 					}
 					description={data.overview}
 				/>
@@ -154,7 +154,7 @@ export const Player: QueryPage<{ slug: string }> = ({ slug }) => {
 					flexGrow: 1,
 					bg: "black",
 					// @ts-ignore Web only
-					cursor: "unset",
+					cursor: displayControls ? "unset" : "none",
 				})}
 			>
 				<Pressable
@@ -177,7 +177,13 @@ export const Player: QueryPage<{ slug: string }> = ({ slug }) => {
 							}, 400);
 						setPlay(!isPlaying);
 					}}
-					{...css(StyleSheet.absoluteFillObject)}
+					{...css([
+						StyleSheet.absoluteFillObject,
+						{
+							// @ts-ignore Web only
+							cursor: "unset",
+						},
+					])}
 				>
 					<Video
 						links={data?.link}