fix: useTheme and renamed type

RocketChat · Oct 16, 2024 · 300d9f2 · 300d9f2
1 parent 1b2efea
commit 300d9f2
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/app/containers/message/Components/Attachments/Video.tsx b/app/containers/message/Components/Attachments/Video.tsx
@@ -39,16 +39,14 @@ const styles = StyleSheet.create({
 	},
 	playerIcon: {
 		position: 'absolute',
-		shadowColor: themes.light.backdropColor,
-		shadowOpacity: 0.3,
 		shadowOffset: {
 			width: 1,
 			height: 1
 		}
 	}
 });
 
-type Image = string | null;
+type TThumbnailImage = string | null;
 
 type ThumbnailProps = {
 	url: string;
@@ -64,7 +62,7 @@ const Thumbnail = ({ url, status, encrypted = false }: ThumbnailProps) => {
 		icon = 'encrypted';
 	}
 
-	const [image, setImage] = useState<Image>(null);
+	const [image, setImage] = useState<TThumbnailImage>(null);
 
 	const generateThumbnail = async () => {
 		try {
@@ -94,7 +92,10 @@ const Thumbnail = ({ url, status, encrypted = false }: ThumbnailProps) => {
 						name={icon}
 						size={54}
 						color={themes[theme].fontPureWhite}
-						style={[styles.playerIcon, { shadowColor: themes[theme].backdropColor }]}
+						style={[
+							styles.playerIcon,
+							{ shadowColor: themes[theme].backdropColor, shadowOpacity: themes[theme].backdropOpacity }
+						]}
 					/>
 				</>
 			)}