chore: lint & format

src/AppOnboarded.tsx

@@ -36,6 +36,7 @@ const AppOnboarded = (): ReactElement => {
 	const isOnline = useAppSelector(isOnlineSelector);
 
 	// on App start
+	// biome-ignore lint/correctness/useExhaustiveDependencies: onMount
 	useEffect(() => {
 		startWalletServices({ selectedNetwork, selectedWallet });
 
@@ -49,10 +50,9 @@ const AppOnboarded = (): ReactElement => {
 		return (): void => {
 			unsubscribeFromLightningSubscriptions();
 		};
-		// onMount
-		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, []);
 
+	// biome-ignore lint/correctness/useExhaustiveDependencies: onMount
 	useEffect(() => {
 		// on AppState change
 		const appStateSubscription = AppState.addEventListener(
@@ -84,7 +84,6 @@ const AppOnboarded = (): ReactElement => {
 		return (): void => {
 			appStateSubscription.remove();
 		};
-		// onMount
 	}, [selectedNetwork]);
 
 	useEffect(() => {

src/components/AmountToggle.tsx

@@ -34,14 +34,14 @@ const AmountToggle = ({
 				decimalLength={decimalLength}
 				unitType="secondary"
 				symbol={true}
-				testID={testID + '-secondary'}
+				testID={`${testID}-secondary`}
 			/>
 			<Money
 				sats={amount}
 				decimalLength={decimalLength}
 				unitType="primary"
 				symbol={true}
-				testID={testID + '-primary'}
+				testID={`${testID}-primary`}
 			/>
 		</Pressable>
 	);

src/components/Biometrics.tsx

@@ -59,12 +59,11 @@ const Biometrics = ({
 				t('bio_confirm', { biometricsName: data.biometryType || t('bio') }),
 			);
 		})();
-		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [t]);
 
+	// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
 	const Icon = useCallback(
 		() => getIcon(biometryData),
-		//eslint-disable-next-line react-hooks/exhaustive-deps
 		[biometryData?.biometryType],
 	);
 
@@ -87,6 +86,7 @@ const Biometrics = ({
 		}
 	}, [biometryData?.available, biometryData?.biometryType, t]);
 
+	// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
 	const authenticate = useCallback(
 		(promptMessage?: string): void => {
 			if (!promptMessage) {
@@ -112,7 +112,6 @@ const Biometrics = ({
 					onFailure?.();
 				});
 		},
-		// eslint-disable-next-line react-hooks/exhaustive-deps
 		[biometryData?.biometryType, t],
 	);
 

src/components/BottomSheetScreen.tsx

@@ -54,7 +54,6 @@ const BottomSheetScreen = ({
 			/>
 			<View style={styles.content}>
 				<View
-					// eslint-disable-next-line react-native/no-inline-styles
 					style={[styles.imageContainer, { marginBottom: isLarge ? 32 : 0 }]}>
 					<Image style={styles.image} source={image} />
 				</View>

src/components/BottomSheetWrapper.tsx

@@ -95,7 +95,7 @@ const BottomSheetWrapper = forwardRef(
 		}, [data.isOpen]);
 
 		useImperativeHandle(ref, () => ({
-			snapToIndex(index: number = 0): void {
+			snapToIndex(index = 0): void {
 				bottomSheetRef.current?.snapToIndex(index);
 			},
 			expand(): void {

src/components/Camera.tsx

@@ -39,10 +39,11 @@ const Camera = ({
 			const checkResponse = await check(cameraPermission);
 			switch (checkResponse) {
 				case RESULTS.UNAVAILABLE:
-				case RESULTS.BLOCKED:
+				case RESULTS.BLOCKED: {
 					setCameraStatus(Status.NOT_AUTHORIZED);
 					break;
-				case RESULTS.DENIED:
+				}
+				case RESULTS.DENIED: {
 					const rationale = {
 						title: t('camera_ask_title'),
 						message: t('camera_ask_msg'),
@@ -56,10 +57,12 @@ const Camera = ({
 							: Status.NOT_AUTHORIZED,
 					);
 					break;
+				}
 				case RESULTS.LIMITED:
-				case RESULTS.GRANTED:
+				case RESULTS.GRANTED: {
 					setCameraStatus(Status.AUTHORIZED);
 					break;
+				}
 			}
 		})();
 	}, [t]);

src/components/ContactsList.tsx

@@ -106,9 +106,11 @@ const ContactsList = ({
 			const name = contact?.name ?? 'Contact Name';
 			const char = name.slice(0, 1);
 			if (char) {
-				sections[char]
-					? sections[char].push(contact)
-					: (sections[char] = [contact]);
+				if (sections[char]) {
+					sections[char].push(contact);
+				} else {
+					sections[char] = [contact];
+				}
 			}
 		});
 
@@ -130,7 +132,6 @@ const ContactsList = ({
 	const List = bottomSheet ? BottomSheetSectionList : SectionList;
 
 	const renderSectionHeader = useCallback(
-		// eslint-disable-next-line react/no-unused-prop-types
 		({ section: { title } }: { section: { title: string } }): ReactElement => {
 			const isFirst = title === sectionedContacts[0].title;
 			return (
@@ -145,7 +146,6 @@ const ContactsList = ({
 	);
 
 	const renderItem = useCallback(
-		// eslint-disable-next-line react/no-unused-prop-types
 		({ item }: { item: IContactRecord }): ReactElement => (
 			<ContactItem contact={item} onPress={onPress} />
 		),

src/components/LabeledInput.tsx

@@ -58,7 +58,7 @@ const LabeledInput = ({
 					<BodyS
 						color="brand"
 						style={styles.error}
-						testID={testID ? testID + '-error' : undefined}>
+						testID={testID ? `${testID}-error` : undefined}>
 						{error}
 					</BodyS>
 				)}

src/components/List.tsx

@@ -251,10 +251,7 @@ const _Item = memo((item: ItemData): ReactElement => {
 
 		return (
 			<TouchableOpacity
-				style={
-					// eslint-disable-next-line react-native/no-inline-styles
-					{ opacity: enabled ? 1 : 0.5 }
-				}
+				style={{ opacity: enabled ? 1 : 0.5 }}
 				activeOpacity={0.7}
 				disabled={disabled}
 				testID={testID}

src/components/LoadingView.tsx

@@ -29,6 +29,7 @@ const LoadingView = memo(
 		const spinValue = useSharedValue(0);
 		const [showLoading, setShowLoading] = useState(false);
 
+		// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
 		useEffect(() => {
 			if (__E2E__) {
 				return;
@@ -47,7 +48,6 @@ const LoadingView = memo(
 				clearTimeout(timeout);
 				cancelAnimation(spinValue);
 			};
-			// eslint-disable-next-line react-hooks/exhaustive-deps
 		}, []);
 
 		const animatedStyle = useAnimatedStyle(() => {

src/components/LuganoFeedWidget.tsx

@@ -98,7 +98,7 @@ const LuganoWidget = ({
 						const minutes = time.getMinutes().toString().padStart(2, '0');
 
 						return {
-							time: hours + ':' + minutes,
+							time: `${hours}:${minutes}`,
 							location: event.location,
 							name: event.name,
 						};
@@ -166,7 +166,7 @@ const LuganoWidget = ({
 											openURL(
 												link.url.startsWith('http')
 													? link.url
-													: 'https://' + link.url,
+													: `https://${link.url}`,
 											);
 									}}
 								/>

src/components/Money.tsx

@@ -56,7 +56,7 @@ const Money = (props: MoneyProps): ReactElement => {
 	const size = props.size ?? 'display';
 	const unit =
 		props.unit ?? (props.unitType === 'secondary' ? nextUnit : primaryUnit);
-	const showSymbol = props.symbol ?? (unit === 'fiat' ? true : false);
+	const showSymbol = props.symbol ?? unit === 'fiat';
 	const color = props.color;
 	const symbolColor = props.symbolColor;
 	const hide = (props.enableHide ?? false) && hideBalance;

src/components/NavigationHeader.tsx

@@ -118,11 +118,11 @@ const NavigationHeader = ({
 	const numberOfActions = useMemo(() => {
 		if (actionIcon && showCloseButton) {
 			return 2;
-		} else if (showBack || actionIcon || showCloseButton) {
+		}
+		if (showBack || actionIcon || showCloseButton) {
 			return 1;
-		} else {
-			return 0;
 		}
+		return 0;
 	}, [actionIcon, showBack, showCloseButton]);
 
 	const actionColumn = useMemo(

src/components/OnboardingScreen.tsx

@@ -51,7 +51,6 @@ const OnboardingScreen = ({
 				<View
 					style={[
 						styles.imageContainer,
-						// eslint-disable-next-line react-native/no-inline-styles
 						{ marginBottom: imagePosition === 'center' ? 'auto' : 48 },
 						mirrorImage ? { transform: [{ rotateY: '180deg' }] } : {},
 					]}>

src/components/PinPad.tsx

@@ -47,8 +47,8 @@ const PinPad = ({
 		biometryData?.biometryType === 'TouchID'
 			? t('bio_touch_id')
 			: biometryData?.biometryType === 'FaceID'
-			? t('bio_face_id')
-			: biometryData?.biometryType ?? t('bio');
+				? t('bio_face_id')
+				: (biometryData?.biometryType ?? t('bio'));
 
 	return (
 		<ThemedView style={styles.root}>

src/components/PriceChart.tsx

@@ -42,7 +42,7 @@ export const getChange = (pastValues: number[]): Change => {
 
 	return {
 		color,
-		formatted: sign + (_change * 100).toFixed(2) + '%',
+		formatted: `${sign}${(_change * 100).toFixed(2)}%`,
 	};
 };
 
@@ -71,7 +71,10 @@ export const Chart = ({
 	const step = chartWidth / (steps - 1);
 
 	const normalized = useMemo(() => {
-		const min = values.reduce((prev, curr) => Math.min(prev, curr), Infinity);
+		const min = values.reduce(
+			(prev, curr) => Math.min(prev, curr),
+			Number.POSITIVE_INFINITY,
+		);
 		const max = values.reduce((prev, curr) => Math.max(prev, curr), 0);
 
 		return values.map((value: number) => (value - min) / (max - min));

src/components/PriceWidget.tsx

@@ -120,9 +120,9 @@ const PriceWidget = ({
 
 								// replace old data while keeping the order
 								return prev.map((d) => (d !== pairData ? d : updated));
-							} else {
-								return prev;
 							}
+
+							return prev;
 						});
 					},
 				);

src/components/ProfileCard.tsx

@@ -103,7 +103,7 @@ const ProfileCard = ({
 
 							const base64 = result.assets?.[0].base64;
 							const type = result.assets?.[0].type;
-							base64 && onChange?.('image', `data:${type};base64,` + base64);
+							base64 && onChange?.('image', `data:${type};base64,${base64}`);
 						}}>
 						<View style={styles.cameraIconOverlay}>
 							<CameraIcon />

src/components/ProfileImage.tsx

@@ -24,7 +24,8 @@ const ProfileImage = ({
 		if (image?.startsWith('data:image/svg+xml;base64,')) {
 			const base64 = image.replace('data:image/svg+xml;base64,', '');
 			return Buffer.from(base64, 'base64').toString();
-		} else if (image?.startsWith('data:image/svg+xml,')) {
+		}
+		if (image?.startsWith('data:image/svg+xml,')) {
 			const encoded = image.replace('data:image/svg+xml', '');
 			const decoded = decodeURIComponent(encoded);
 			return decoded;

src/components/Spinner.tsx

@@ -23,6 +23,7 @@ const LoadingSpinner = memo(
 	}) => {
 		const spinValue = useSharedValue(0);
 
+		// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
 		useEffect(() => {
 			if (__E2E__) {
 				return;
@@ -35,7 +36,6 @@ const LoadingSpinner = memo(
 				-1,
 			);
 			return (): void => cancelAnimation(spinValue);
-			// eslint-disable-next-line react-hooks/exhaustive-deps
 		}, []);
 
 		const animatedStyle = useAnimatedStyle(() => {

src/components/Suggestions.tsx

@@ -133,7 +133,6 @@ const Suggestions = (): ReactElement => {
 	);
 
 	const handleRenderItem = useCallback(
-		// eslint-disable-next-line react/no-unused-prop-types
 		({ item }: { item: ITodo }): ReactElement => {
 			const title = t(`${item.id}.title`);
 			let description = t(`${item.id}.description`);

src/components/SvgImage.tsx

@@ -15,10 +15,12 @@ const SvgImage = ({
 	const xml = useMemo(() => {
 		if (image.startsWith('<svg')) {
 			return image;
-		} else if (image.startsWith('data:image/svg+xml;base64,')) {
+		}
+		if (image.startsWith('data:image/svg+xml;base64,')) {
 			const base64 = image.replace('data:image/svg+xml;base64,', '');
 			return Buffer.from(base64, 'base64').toString();
-		} else if (image.startsWith('data:image/svg+xml,')) {
+		}
+		if (image.startsWith('data:image/svg+xml,')) {
 			const encoded = image.replace('data:image/svg+xml', '');
 			const decoded = decodeURIComponent(encoded);
 			return decoded;

src/components/Tabs.tsx

@@ -101,7 +101,7 @@ const Tabs = ({
 			{tabs.map((tab, index) => (
 				<Tab
 					key={tab.id}
-					text={t('activity_tabs.' + tab.id)}
+					text={t(`activity_tabs.${tab.id}`)}
 					active={activeTab === index}
 					testID={`Tab-${tab.id}`}
 					onLayout={(event) => handleLayout(tab.id, event, index)}

src/components/Widgets.tsx

@@ -68,7 +68,7 @@ const Widgets = (): ReactElement => {
 
 	const renderItem = useCallback(
 		({ item, drag }: RenderItemParams<[string, TWidget]>): ReactElement => {
-			let [url, widget] = item;
+			const [url, widget] = item;
 
 			const _drag = (): void => {
 				// only allow dragging if there are more than 1 widget

src/components/buttons/RadioButton.tsx

@@ -70,16 +70,16 @@ export const RadioButtonGroup = memo(
 								style={styles.itemLast}
 							/>
 						);
-					} else {
-						return (
-							<RadioButton
-								key={item.value}
-								label={item.label}
-								checked={value === item.value}
-								onPress={(): void => onPress?.(item.value)}
-							/>
-						);
 					}
+
+					return (
+						<RadioButton
+							key={item.value}
+							label={item.label}
+							checked={value === item.value}
+							onPress={(): void => onPress?.(item.value)}
+						/>
+					);
 				})}
 			</>
 		);

src/hooks/displayValues.ts

@@ -80,6 +80,6 @@ export const useCurrentDisplayValue = (
 	const unit = useAppSelector(unitSelector);
 	const dv = useDisplayValues(...props);
 	return unit === EUnit.BTC
-		? '₿' + dv.bitcoinFormatted
+		? `₿${dv.bitcoinFormatted}`
 		: dv.fiatSymbol + dv.fiatFormatted;
 };