lint: all \t to spaces for const, let and functions (#209)

yearn · Jun 1, 2023 · 3dcfdaf · 3dcfdaf
1 parent f57f8d8
commit 3dcfdaf
Show file tree

Hide file tree

Showing 98 changed files with 654 additions and 654 deletions.
diff --git a/apps/common/components/AppHeader.tsx b/apps/common/components/AppHeader.tsx
@@ -21,8 +21,8 @@ import {MotionDiv} from './MotionDiv';
 import type {ReactElement} from 'react';
 import type {TMenu} from '@yearn-finance/web-lib/components/Header';
 
-function	Logo(): ReactElement {
-	const	{pathname} = useRouter();
+function Logo(): ReactElement {
+	const {pathname} = useRouter();
 
 	return (
 		<>
@@ -41,7 +41,7 @@ function	Logo(): ReactElement {
 
 }
 
-function	LogoPopover(): ReactElement {
+function LogoPopover(): ReactElement {
 	const [isShowing, set_isShowing] = useState(false);
 
 	return (
@@ -95,12 +95,12 @@ function	LogoPopover(): ReactElement {
 	);
 }
 
-export function	AppHeader(): ReactElement {
-	const	isMounted = useIsMounted();
-	const	{pathname} = useRouter();
-	const	{isActive} = useWeb3();
-	const	{onOpenMenu} = useMenu();
-	const	menu = useMemo((): TMenu[] => {
+export function AppHeader(): ReactElement {
+	const isMounted = useIsMounted();
+	const {pathname} = useRouter();
+	const {isActive} = useWeb3();
+	const {onOpenMenu} = useMenu();
+	const menu = useMemo((): TMenu[] => {
 		const HOME_MENU = {path: '/', label: 'Home'};
 
 		if (pathname.startsWith('/ycrv')) {
@@ -126,7 +126,7 @@ export function	AppHeader(): ReactElement {
 		];
 	}, [pathname]);
 
-	const	supportedNetworks = useMemo((): number[] => {
+	const supportedNetworks = useMemo((): number[] => {
 		if (pathname.startsWith('/ycrv') || pathname.startsWith('/veyfi') || pathname.startsWith('/ybribe')) {
 			return [1];
 		}

diff --git a/apps/common/components/BalanceReminderPopover.tsx b/apps/common/components/BalanceReminderPopover.tsx
@@ -25,10 +25,10 @@ type TBalanceReminderElement = {
 	symbol: string,
 }
 
-function	TokenItem({element}: {element: TBalanceReminderElement}): ReactElement {
-	const	{provider} = useWeb3();
-	const	{safeChainID} = useChainID();
-	const	balance = useBalance(element.address);
+function TokenItem({element}: {element: TBalanceReminderElement}): ReactElement {
+	const {provider} = useWeb3();
+	const {safeChainID} = useChainID();
+	const balance = useBalance(element.address);
 
 	async function addTokenToMetamask(address: string, symbol: string, decimals: number, image: string): Promise<void> {
 		if (!provider) {
@@ -91,12 +91,12 @@ function	TokenItem({element}: {element: TBalanceReminderElement}): ReactElement
 }
 
 export default function BalanceReminderPopover(): ReactElement {
-	const	{balances, isLoading} = useWallet();
-	const	{address, ens, isActive, onDesactivate} = useWeb3();
-	const	{vaults} = useYearn();
+	const {balances, isLoading} = useWallet();
+	const {address, ens, isActive, onDesactivate} = useWeb3();
+	const {vaults} = useYearn();
 
-	const	nonNullBalances = useMemo((): TDict<TBalanceData> => {
-		const	nonNullBalances = Object.entries(balances).reduce((acc: TDict<TBalanceData>, [address, balance]): TDict<TBalanceData> => {
+	const nonNullBalances = useMemo((): TDict<TBalanceData> => {
+		const nonNullBalances = Object.entries(balances).reduce((acc: TDict<TBalanceData>, [address, balance]): TDict<TBalanceData> => {
 			if (toBigInt(balance?.raw) > 0n) {
 				acc[toAddress(address)] = balance;
 			}
@@ -105,8 +105,8 @@ export default function BalanceReminderPopover(): ReactElement {
 		return nonNullBalances;
 	}, [balances]);
 
-	const	nonNullBalancesForVault = useMemo((): TBalanceReminderElement[] => {
-		const	nonNullBalancesForVault = Object.entries(nonNullBalances).reduce((acc: TBalanceReminderElement[], [address, balance]): TBalanceReminderElement[] => {
+	const nonNullBalancesForVault = useMemo((): TBalanceReminderElement[] => {
+		const nonNullBalancesForVault = Object.entries(nonNullBalances).reduce((acc: TBalanceReminderElement[], [address, balance]): TBalanceReminderElement[] => {
 			const currentVault = vaults?.[toAddress(address)];
 			if (currentVault) {
 				acc.push({
@@ -121,7 +121,7 @@ export default function BalanceReminderPopover(): ReactElement {
 		return nonNullBalancesForVault;
 	}, [nonNullBalances, vaults]);
 
-	function	renderNoTokenFallback(isLoading: boolean): ReactElement {
+	function renderNoTokenFallback(isLoading: boolean): ReactElement {
 		if (isLoading) {
 			return (
 				<div className={'py-4 text-center text-sm text-neutral-400'}>

diff --git a/apps/common/components/HeroTimer.tsx b/apps/common/components/HeroTimer.tsx
@@ -12,7 +12,7 @@ type TProps = {
 	endTime?: TSeconds;
 }
 
-function	HeroTimer({endTime}: TProps): ReactElement {
+function HeroTimer({endTime}: TProps): ReactElement {
 	const time = useTimer({endTime});
 
 	return (

diff --git a/apps/common/components/ImageWithFallback.tsx b/apps/common/components/ImageWithFallback.tsx
@@ -7,7 +7,7 @@ import type {ReactElement} from 'react';
 export type TImageWithFallbackProps = ImageProps & {
 	onCatchError?: () => void;
 };
-function	ImageWithFallback(props: TImageWithFallbackProps): ReactElement {
+function ImageWithFallback(props: TImageWithFallbackProps): ReactElement {
 	const {alt, src, onCatchError, ...rest} = props;
 	const [imageSrc, set_imageSrc] = useState(src);
 

diff --git a/apps/common/components/ListHead.tsx b/apps/common/components/ListHead.tsx
@@ -17,14 +17,14 @@ export type TListHead = {
 	onSort: (sortBy: string, sortDirection: TSortDirection) => void
 }
 
-function	ListHead({items, dataClassName, sortBy, sortDirection, onSort}: TListHead): ReactElement {
+function ListHead({items, dataClassName, sortBy, sortDirection, onSort}: TListHead): ReactElement {
 	const toggleSortDirection = (newSortBy: string): TSortDirection => {
 		return sortBy === newSortBy ? (
 			sortDirection === '' ? 'desc' : sortDirection === 'desc' ? 'asc' : 'desc'
 		) : 'desc';
 	};
 
-	const	renderChevron = useCallback((shouldSortBy: boolean): ReactElement => {
+	const renderChevron = useCallback((shouldSortBy: boolean): ReactElement => {
 		if (shouldSortBy && sortDirection === 'desc') {
 			return <IconChevronPlain className={'yearn--sort-chevron'} />;
 		}
@@ -34,7 +34,7 @@ function	ListHead({items, dataClassName, sortBy, sortDirection, onSort}: TListHe
 		return <IconChevronPlain className={'yearn--sort-chevron--off text-neutral-300 group-hover:text-neutral-500'} />;
 	}, [sortDirection]);
 
-	const	[first, ...rest] = items;
+	const [first, ...rest] = items;
 	return (
 		<div className={'mt-4 grid w-full grid-cols-1 md:mt-0'}>
 			<div className={'yearn--table-head-wrapper'}>

diff --git a/apps/common/components/ListHero.tsx b/apps/common/components/ListHero.tsx
@@ -34,8 +34,8 @@ export type TListHeroDesktopCategories<T> = {
 	onSelect: (category: T) => void;
 }
 
-function	DesktopCategories<T>({categories, onSelect}: TListHeroDesktopCategories<T>): ReactElement {
-	const	[isClientLoaded, set_isClientLoaded] = useState(false);
+function DesktopCategories<T>({categories, onSelect}: TListHeroDesktopCategories<T>): ReactElement {
+	const [isClientLoaded, set_isClientLoaded] = useState(false);
 	useEffect((): void => {
 		set_isClientLoaded(true);
 	}, []);
@@ -66,10 +66,10 @@ function	DesktopCategories<T>({categories, onSelect}: TListHeroDesktopCategories
 }
 
 function Switch(props: TSwitchProps): ReactElement {
-	const	{isEnabled, onSwitch} = props;
-	const	[isEnabledState, set_isEnabledState] = useState(isEnabled);
+	const {isEnabled, onSwitch} = props;
+	const [isEnabledState, set_isEnabledState] = useState(isEnabled);
 
-	function	safeOnSwitch(): void {
+	function safeOnSwitch(): void {
 		if (onSwitch) {
 			onSwitch(!isEnabled);
 		} else {
@@ -93,7 +93,7 @@ function Switch(props: TSwitchProps): ReactElement {
 	);
 }
 
-function	ListHero<T extends string>({
+function ListHero<T extends string>({
 	headLabel,
 	searchLabel,
 	searchPlaceholder,

diff --git a/apps/common/components/Meta.tsx b/apps/common/components/Meta.tsx
@@ -28,7 +28,7 @@ export type TMetaFile = {
 	orientation: string;
 }
 
-function	Meta({meta}: {meta: TMetaFile}): ReactElement {
+function Meta({meta}: {meta: TMetaFile}): ReactElement {
 	return (
 		<>
 			<Head>

diff --git a/apps/common/components/SearchBar.tsx b/apps/common/components/SearchBar.tsx
@@ -7,7 +7,7 @@ export type TSearchBar = {
 	set_searchValue: (searchValue: string) => void;
 }
 
-export function	SearchBar({searchLabel, searchPlaceholder, searchValue, set_searchValue}: TSearchBar): ReactElement {
+export function SearchBar({searchLabel, searchPlaceholder, searchValue, set_searchValue}: TSearchBar): ReactElement {
 	return (
 		<div className={'w-full'}>
 			<label

diff --git a/apps/common/components/SettingsOverwrite.tsx b/apps/common/components/SettingsOverwrite.tsx
@@ -13,10 +13,10 @@ type TWrappedInput = {
 	onSave: (value: string) => void;
 }
 
-function	WrappedInput({title, initialValue, onSave}: TWrappedInput): ReactElement {
-	const	[isFocused, set_isFocused] = useState(false);
-	const	[value, set_value] = useState(initialValue);
-	const	isInitialValue = useMemo((): boolean => value === initialValue, [value, initialValue]);
+function WrappedInput({title, initialValue, onSave}: TWrappedInput): ReactElement {
+	const [isFocused, set_isFocused] = useState(false);
+	const [value, set_value] = useState(initialValue);
+	const isInitialValue = useMemo((): boolean => value === initialValue, [value, initialValue]);
 
 	return (
 		<label>
@@ -44,11 +44,11 @@ function	WrappedInput({title, initialValue, onSave}: TWrappedInput): ReactElemen
 	);
 }
 
-function	SettingsOverwrite(): ReactElement {
-	const	{onUpdateBaseSettings, onUpdateNetworks, settings: baseAPISettings} = useSettings();
+function SettingsOverwrite(): ReactElement {
+	const {onUpdateBaseSettings, onUpdateNetworks, settings: baseAPISettings} = useSettings();
 	// eslint-disable-next-line @typescript-eslint/naming-convention
-	const 	{value, set} = useLocalStorageValue<boolean>('yearn.finance/feedback-popover');
-	const	[, set_nonce] = useState(0);
+	const {value, set} = useLocalStorageValue<boolean>('yearn.finance/feedback-popover');
+	const [, set_nonce] = useState(0);
 
 	return (
 		<div className={'bg-neutral-100 p-10'}>

diff --git a/apps/common/components/Switch.tsx b/apps/common/components/Switch.tsx
@@ -9,10 +9,10 @@ type TSwitch = {
 };
 
 function Switch(props: TSwitch): ReactElement {
-	const	{isEnabled, onSwitch} = props;
-	const	[isEnabledState, set_isEnabledState] = useState(isEnabled);
+	const {isEnabled, onSwitch} = props;
+	const [isEnabledState, set_isEnabledState] = useState(isEnabled);
 
-	function	safeOnSwitch(): void {
+	function safeOnSwitch(): void {
 		if (onSwitch) {
 			onSwitch(!isEnabled);
 		} else {

diff --git a/apps/common/components/TokenDropdown.tsx b/apps/common/components/TokenDropdown.tsx
@@ -13,7 +13,7 @@ import type {TDropdownItemProps, TDropdownOption, TDropdownProps} from '@common/
 
 
 function DropdownItem({option, balanceSource}: TDropdownItemProps): ReactElement {
-	const	balance = useBalance(option.value, balanceSource);
+	const balance = useBalance(option.value, balanceSource);
 
 	return (
 		<Combobox.Option value={option}>

diff --git a/apps/common/components/TokenIcon.tsx b/apps/common/components/TokenIcon.tsx
@@ -17,7 +17,7 @@ function TokenIcon({
 }): ReactElement {
 	const [imageType, set_imageType] = useState<'Vault' | 'Underlying' | 'Fallback'>('Vault');
 
-	function	renderMultipleAssetImage(): ReactElement {
+	function renderMultipleAssetImage(): ReactElement {
 		if (token?.underlyingTokensAddresses?.length === 2) {
 			return (
 				<div className={'flex flex-row items-center justify-center'}>

diff --git a/apps/common/components/ValueAnimation.tsx b/apps/common/components/ValueAnimation.tsx
@@ -5,7 +5,7 @@ import {formatAmount} from '@yearn-finance/web-lib/utils/format.number';
 
 import type {ReactElement} from 'react';
 
-function	ValueAnimation({
+function ValueAnimation({
 	identifier,
 	value,
 	defaultValue,
@@ -20,14 +20,14 @@ function	ValueAnimation({
 	suffix?: string,
 	className?: string
 }): ReactElement {
-	const	hasBeenTriggerd = useRef<boolean>(false);
+	const hasBeenTriggerd = useRef<boolean>(false);
 
-	function	initZero(): void {
+	function initZero(): void {
 		const words = document.getElementsByClassName(identifier) as HTMLCollectionOf<HTMLSpanElement>;
 		words[0].style.opacity = '1';
 	}
 
-	function	onStartAnimation(): void {
+	function onStartAnimation(): void {
 		hasBeenTriggerd.current = true;
 		const words = document.getElementsByClassName(identifier) as HTMLCollectionOf<HTMLSpanElement>;
 		const wordArray: HTMLSpanElement[][] = [];

diff --git a/apps/common/contexts/useMenu.tsx b/apps/common/contexts/useMenu.tsx
@@ -17,18 +17,18 @@ export type TMenu = {
 	menu: TCurrentMenu,
 	onOpenMenu: VoidFunction,
 }
-const	defaultProps: TMenu = {
+const defaultProps: TMenu = {
 	menu: {
 		app: [],
 		isOpen: false
 	},
 	onOpenMenu: (): void => undefined
 };
 
-const	MenuContext = createContext<TMenu>(defaultProps);
+const MenuContext = createContext<TMenu>(defaultProps);
 export const MenuContextApp = ({children}: {children: React.ReactElement}): React.ReactElement => {
-	const	{pathname} = useRouter();
-	const	[menu, set_menu] = useState<TCurrentMenu>(defaultProps.menu);
+	const {pathname} = useRouter();
+	const [menu, set_menu] = useState<TCurrentMenu>(defaultProps.menu);
 
 	const onOpenMenu = useCallback((): void => {
 		if (pathname.startsWith('/ycrv')) {
@@ -54,7 +54,7 @@ export const MenuContextApp = ({children}: {children: React.ReactElement}): Reac
 	/* 🔵 - Yearn Finance ******************************************************
 	**	Setup and render the Context provider to use in the app.
 	***************************************************************************/
-	const	contextValue = useMemo((): TMenu => ({
+	const contextValue = useMemo((): TMenu => ({
 		menu,
 		onOpenMenu
 	}), [menu, onOpenMenu]);