From a6c645c33f8b7d4adaa69a8563a7ed347d9ae6b1 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@sdg.moe>
Date: Sun, 8 Jan 2023 16:28:12 +0900
Subject: [PATCH] Small cleanups

---
 front/packages/primitives/src/tooltip.tsx |  2 +-
 front/packages/ui/src/player/index.tsx    | 35 ++++++++++++-----------
 2 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/front/packages/primitives/src/tooltip.tsx b/front/packages/primitives/src/tooltip.tsx
index e0ab8fbe..bbfbe1ca 100644
--- a/front/packages/primitives/src/tooltip.tsx
+++ b/front/packages/primitives/src/tooltip.tsx
@@ -35,7 +35,7 @@ export const tooltip = (tooltip: string, up?: boolean) =>
 	});
 
 export const WebTooltip = ({ theme }: { theme: Theme }) => {
-	const background = `${theme.colors.black}CC`;
+	const background = `${theme.light.colors.black}CC`;
 
 	return (
 		<style jsx global>{`
diff --git a/front/packages/ui/src/player/index.tsx b/front/packages/ui/src/player/index.tsx
index ccade134..dc3d9990 100644
--- a/front/packages/ui/src/player/index.tsx
+++ b/front/packages/ui/src/player/index.tsx
@@ -157,23 +157,24 @@ export const Player: QueryPage<{ slug: string }> = ({ slug }) => {
 			>
 				<Pressable
 					focusable={false}
-					onPress={
-						Platform.OS === "web"
-							? (e) => {
-									e.preventDefault();
-									touchCount++;
-									if (touchCount == 2) {
-										touchCount = 0;
-										setFullscreen(!isFullscreen);
-										clearTimeout(touchTimeout);
-									} else
-										touchTimeout = setTimeout(() => {
-											touchCount = 0;
-										}, 400);
-									setPlay(!isPlaying);
-							  }
-							: () => (displayControls ? setMouseMoved(false) : show())
-					}
+					onPress={(e) => {
+						// TODO: use onPress event to diferenciate touch and click on the web (requires react native web 0.19)
+						if (Platform.OS !== "web") {
+							displayControls ? setMouseMoved(false) : show();
+							return;
+						}
+						e.preventDefault();
+						touchCount++;
+						if (touchCount == 2) {
+							touchCount = 0;
+							setFullscreen(!isFullscreen);
+							clearTimeout(touchTimeout);
+						} else
+							touchTimeout = setTimeout(() => {
+								touchCount = 0;
+							}, 400);
+						setPlay(!isPlaying);
+					}}
 					{...css(StyleSheet.absoluteFillObject)}
 				>
 					<Video