Front: Typecheck

2023-09-30 11:05:08 +02:00
parent 1c17ac8b13
commit 76d70f3edd
18 changed files with 110 additions and 105 deletions
@@ -20,57 +20,57 @@ const TabNavigationButton = (props: TabNavigationButtonProps) => {
 				width: '100%',
 			}}
 		>
-			{({ isPressed, isHovered }) => (
-				<View
-					style={{
-						display: 'flex',
-						flexDirection: 'row',
-						alignSelf: 'stretch',
-						alignItems: 'center',
-						justifyContent: 'flex-start',
-						padding: '10px',
-						borderRadius: 8,
-						flexGrow: 0,
-						// @ts-expect-error BoxShadow is not in the types but I want it this may be a legitimate error on my part
-						boxShadow: (() => {
-							if (isHovered) {
-								return '0px 0px 16px 0px rgba(0, 0, 0, 0.25)';
-							} else if (props.isActive) {
-								return '0px 0px 8px 0px rgba(0, 0, 0, 0.25)';
-							} else {
-								return undefined;
-							}
-						})(),
-						backdropFilter: 'blur(2px)',
-						backgroundColor: (() => {
-							if (isPressed) {
-								return 'rgba(0, 0, 0, 0.1)';
-							} else if (isHovered) {
-								return 'rgba(231, 231, 232, 0.2)';
-							} else if (props.isActive) {
-								return 'rgba(16, 16, 20, 0.5)';
-							} else {
-								return 'transparent';
-							}
-						})(),
-					}}
-				>
-					{props.icon && (
-						<View
-							style={{
-								marginRight: props.isCollapsed ? undefined : '10px',
-							}}
-						>
-							{props.icon}
-						</View>
-					)}
-					{!props.isCollapsed && (
-						<Text numberOfLines={1} selectable={false}>
-							{props.label}
-						</Text>
-					)}
-				</View>
-			)}
+			{({ isPressed, isHovered }) => {
+				let boxShadow: string | undefined = undefined;
+				if (isHovered) {
+					boxShadow = '0px 0px 16px 0px rgba(0, 0, 0, 0.25)';
+				} else if (props.isActive) {
+					boxShadow = '0px 0px 8px 0px rgba(0, 0, 0, 0.25)';
+				}
+				return (
+					<View
+						style={{
+							display: 'flex',
+							flexDirection: 'row',
+							alignSelf: 'stretch',
+							alignItems: 'center',
+							justifyContent: 'flex-start',
+							padding: 10,
+							borderRadius: 8,
+							flexGrow: 0,
+							// @ts-expect-error boxShadow isn't yet supported by react native
+							boxShadow: boxShadow,
+							backdropFilter: 'blur(2px)',
+							backgroundColor: (() => {
+								if (isPressed) {
+									return 'rgba(0, 0, 0, 0.1)';
+								} else if (isHovered) {
+									return 'rgba(231, 231, 232, 0.2)';
+								} else if (props.isActive) {
+									return 'rgba(16, 16, 20, 0.5)';
+								} else {
+									return 'transparent';
+								}
+							})(),
+						}}
+					>
+						{props.icon && (
+							<View
+								style={{
+									marginRight: props.isCollapsed ? undefined : 10,
+								}}
+							>
+								{props.icon}
+							</View>
+						)}
+						{!props.isCollapsed && (
+							<Text numberOfLines={1} selectable={false}>
+								{props.label}
+							</Text>
+						)}
+					</View>
+				);
+			}}
 		</Pressable>
 	);
 };