#255 Remove unused code

__tests__/components/stake/PoolFilters.test.tsx

@@ -10,16 +10,20 @@
 // PARTICULAR PURPOSE. See the GNU General Public License for more details.
 
 import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { PoolFilters } from '../../../src/components/stake/PoolFilters';
+import {
+    FilterModel,
+    PoolFilters,
+} from '../../../src/components/stake/PoolFilters';
 import { withChakraTheme } from '../../test-utilities';
 
-const defaultFilters = [
+const defaultFilters: FilterModel[] = [
     {
         title: 'Default filter',
         type: 'checkbox',
         key: 'type',
         options: [
             {
+                label: 'Value A',
                 value: 'checkbox',
                 default: true,
             },
@@ -31,6 +35,7 @@ const defaultFilters = [
         key: '',
         options: [
             {
+                label: 'Value B',
                 value: 'Some value',
                 default: true,
             },
@@ -42,6 +47,7 @@ const defaultFilters = [
         key: '',
         options: [
             {
+                label: 'Value C',
                 value: 'Some value',
                 default: true,
             },

src/app/api/[chain]/stats/route.ts

@@ -24,6 +24,7 @@ import { BLOCKS, SUMMARY } from '../../../../graphql/queries';
 import { BlocksData, SummaryData } from '../../../../graphql/models';
 import { networks } from '../../../../utils/networks';
 import { NextRequest, NextResponse } from 'next/server';
+import { getCartesiMarketInformationEndpoint } from '../../../../services/coingecko';
 
 interface Response {
     params: Promise<{ chain: string; address: string }>;
@@ -56,7 +57,7 @@ const handler = async ({ params }: Response) => {
         query: BLOCKS,
     });
 
-    const endpoint = `https://api.coingecko.com/api/v3/coins/cartesi?localization=false&tickers=false&market_data=true&community_data=false&developer_data=false&sparkline=false`;
+    const endpoint = getCartesiMarketInformationEndpoint();
     const response = await fetch(endpoint);
     const marketData = await response.json();
     const circulatingSupply = Math.round(

src/app/stake/[pool]/commissions/page.tsx

@@ -3,12 +3,15 @@ import { notFound } from 'next/navigation';
 import StakePoolCommissions from '../../../../components/stake/StakePoolCommissions';
 import { ethers } from 'ethers';
 import { getFormattedEnsName } from '../../../../services/server/utils';
+import { Metadata } from 'next';
 
 interface StakePoolPageProps {
     params: Promise<{ pool: string }>;
 }
 
-export async function generateMetadata(props: StakePoolPageProps) {
+export async function generateMetadata(
+    props: StakePoolPageProps
+): Promise<Metadata> {
     const params = await props.params;
     const address = params.pool;
 

src/app/stake/[pool]/page.tsx

@@ -3,12 +3,15 @@ import StakePool from '../../../components/stake/StakePool';
 import { notFound } from 'next/navigation';
 import { ethers } from 'ethers';
 import { getFormattedEnsName } from '../../../services/server/utils';
+import { Metadata } from 'next';
 
 interface StakePoolPageProps {
     params: Promise<{ pool: string }>;
 }
 
-export async function generateMetadata(props: StakePoolPageProps) {
+export async function generateMetadata(
+    props: StakePoolPageProps
+): Promise<Metadata> {
     const params = await props.params;
     const address = params.pool;
 

src/app/stake/[pool]/stake/page.tsx

@@ -3,12 +3,15 @@ import { notFound } from 'next/navigation';
 import StakePoolStake from '../../../../components/stake/StakePoolStake';
 import { ethers } from 'ethers';
 import { getFormattedEnsName } from '../../../../services/server/utils';
+import { Metadata } from 'next';
 
 interface StakePoolPageProps {
     params: Promise<{ pool: string }>;
 }
 
-export async function generateMetadata(props: StakePoolPageProps) {
+export async function generateMetadata(
+    props: StakePoolPageProps
+): Promise<Metadata> {
     const params = await props.params;
     const address = params.pool;
 

src/app/stake/[pool]/users/page.tsx

@@ -3,12 +3,15 @@ import { notFound } from 'next/navigation';
 import StakePoolUsers from '../../../../components/stake/StakePoolUsers';
 import { ethers } from 'ethers';
 import { getFormattedEnsName } from '../../../../services/server/utils';
+import { Metadata } from 'next';
 
 interface StakePoolPageProps {
     params: Promise<{ pool: string }>;
 }
 
-export async function generateMetadata(props: StakePoolPageProps) {
+export async function generateMetadata(
+    props: StakePoolPageProps
+): Promise<Metadata> {
     const params = await props.params;
     const address = params.pool;
 

src/components/BlocksChart.tsx

@@ -115,7 +115,7 @@ const BlocksChart = (props: BlocksChartProps) => {
         );
     };
 
-    const tooltipFormatter = (value, name) => {
+    const tooltipFormatter = (value: number, name: string) => {
         if (name === 'Difficulty') {
             return value;
         } else if (name === 'Time') {

src/components/Footer.tsx

@@ -32,7 +32,7 @@ import {
 import theme from '../styles/theme';
 import Address from './Address';
 import { CartesiTranparent } from './Icons';
-import { useWallet } from './wallet/useWallet';
+import { useWallet } from './wallet';
 import { useColorModeValue } from './ui/color-mode';
 
 const ListHeader = ({ children }: { children: ReactNode }) => {

src/components/Layout.tsx

@@ -15,8 +15,6 @@ import {
     Flex,
     FlexProps,
     StackProps,
-    Text,
-    useBreakpointValue,
     VStack,
 } from '@chakra-ui/react';
 import React, { FC } from 'react';
@@ -73,19 +71,6 @@ export const PageBody: FC<StackProps> = ({ children, ...restProps }) => (
     </VStack>
 );
 
-export const ResponsiveDebug: FC = () => {
-    const color = useBreakpointValue(['yellow', 'red', 'green', 'blue']);
-    const size = useBreakpointValue(['sm', 'md', 'lg', 'xl']);
-    const index = useBreakpointValue([0, 1, 2, 3]);
-    return (
-        <Center w="100%" minH={50} bg={color}>
-            <Text>
-                {size} [{index}]
-            </Text>
-        </Center>
-    );
-};
-
 interface PageLayoutProps extends FlexProps {
     children: React.ReactNode;
 }

src/components/PerPageSelect.tsx

@@ -11,13 +11,12 @@
 
 import React, { FC } from 'react';
 import {
+    createListCollection,
     HStack,
+    Portal,
     Select,
     Text,
-    Portal,
-    createListCollection,
 } from '@chakra-ui/react';
-import { useColorModeValue } from './ui/color-mode';
 
 export interface PerPageSelectProps {
     value: number;
@@ -27,7 +26,6 @@ export interface PerPageSelectProps {
 
 const PerPageSelect: FC<PerPageSelectProps> = (props) => {
     const { value, options, onChange } = props;
-    const borderWidth = useColorModeValue('0 0 1px 0', '0');
     const selectOptions = createListCollection({
         items: options.map((option) => ({
             label: option.toString(),

src/components/StepGroup/useStepState.tsx

@@ -1,7 +1,7 @@
 // Copyright (C) 2022 Cartesi Pte. Ltd.
 
 import { useEffect, useState } from 'react';
-import { StepStatus } from '../Step/enums';
+import { StepStatus } from '../Step';
 
 // This program is free software: you can redistribute it and/or modify it under
 // the terms of the GNU General Public License as published by the Free Software

src/components/Users.tsx

@@ -30,7 +30,7 @@ const Users: FC<UsersProps> = (props) => {
     const [pageNumber, setPageNumber] = useState<number>(0);
     const { data, loading } = useUsers(pageNumber, search, sort, rowsPerPage);
     const options = Array.from({ length: 3 }).map(
-        (item, index) => (index + 1) * 10
+        (_, index) => (index + 1) * 10
     );
     const pages = Math.ceil(totalItems / rowsPerPage);
 

src/components/block/BlockTable.tsx

@@ -9,7 +9,7 @@
 // WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
 // PARTICULAR PURPOSE. See the GNU General Public License for more details.
 
-import { Button, Table, Text } from '@chakra-ui/react';
+import { Table, Text } from '@chakra-ui/react';
 import { FC } from 'react';
 import { useColorModeValue } from '../ui/color-mode';
 

src/components/block/Blocks.tsx

@@ -75,7 +75,7 @@ const BlockList = (props: BlockListProps) => {
         if (blocks.length > 0 && fetchMore) {
             const variables = { ...result.variables };
 
-            fetchMore({
+            void fetchMore({
                 variables: {
                     ...variables,
                     skip: blocks.length,

src/components/header/AccountMobile.tsx

@@ -15,7 +15,7 @@ import Jazzicon, { jsNumberForAddress } from 'react-jazzicon';
 import { useENS } from '../../services/ens';
 import { truncateStringMobile } from '../../utils/stringUtils';
 import { ArrowsUpDownIcon } from '../Icons';
-import { useWallet } from '../wallet/useWallet';
+import { useWallet } from '../wallet';
 import { WalletMobileModal } from './modals/WalletMobileModal';
 import { useColorModeValue } from '../ui/color-mode';
 

src/components/header/SelectedChain.tsx

@@ -11,7 +11,7 @@
 
 import { TagRootProps } from '@chakra-ui/react';
 import { FC } from 'react';
-import { useWallet } from '../wallet/useWallet';
+import { useWallet } from '../wallet';
 import Chain from './Chain';
 
 export interface SelectedChainProps extends TagRootProps {

src/components/header/menu/WalletMenu.tsx

@@ -21,9 +21,10 @@ import {
 import React, { FC, useMemo } from 'react';
 import { useENS } from '../../../services/ens';
 import { CopyIcon, DisconnectIcon, SwitchIcon } from '../../Icons';
-import { useWallet } from '../../wallet/useWallet';
+import { useWallet } from '../../wallet';
 import { useColorModeValue } from '../../ui/color-mode';
 import theme from '../../../styles/theme';
+import { isString } from 'lodash';
 
 interface WalletMenuItemProps extends MenuItemProps {
     children: React.ReactNode;
@@ -125,7 +126,7 @@ const WalletMenu: FC = () => {
 
     return (
         <>
-            {typeof account === 'string' && (
+            {isString(account) && (
                 <Menu.Content
                     borderRadius="0"
                     p={0}

src/components/header/modals/WalletMobileModal.tsx

@@ -22,7 +22,7 @@ import {
 import { flow } from 'lodash/fp';
 import { useENS } from '../../../services/ens';
 import { CopyIcon, DisconnectIcon, SwitchIcon } from '../../Icons';
-import { useWallet } from '../../wallet/useWallet';
+import { useWallet } from '../../wallet';
 import CloseButton from '../../CloseButton';
 
 export interface IWalletMobileModalProps {

src/components/node/NodeManage.tsx

@@ -30,7 +30,6 @@ import { useRouter } from 'next/navigation';
 import { FC, useEffect, useRef, useState } from 'react';
 import { TbChevronLeft } from 'react-icons/tb';
 import { useColorModeValue } from '../ui/color-mode';
-
 import Layout from '../Layout';
 import { NodeStakeModal } from './modals/NodeStakeModal';
 import { NodeUnstakeModal } from './modals/NodeUnstakeModal';
@@ -49,7 +48,7 @@ import { useNode } from '../../services/node';
 import { useStaking } from '../../services/staking';
 import { useCartesiToken } from '../../services/token';
 import theme from '../../styles/theme';
-import { useMessages } from '../../utils/messages';
+import { getMessages } from '../../utils/messages';
 import { useTimeLeft } from '../../utils/react';
 
 const ManageNode: FC = () => {
@@ -232,9 +231,9 @@ const ManageNode: FC = () => {
                 <VStack gap={4} alignItems="stretch">
                     {currentTransaction === 'authorize' && (
                         <TransactionBanner
-                            title={useMessages('node.authorize.authorizing')}
-                            failTitle={useMessages('node.authorize.fail')}
-                            successDescription={useMessages(
+                            title={getMessages('node.authorize.authorizing')}
+                            failTitle={getMessages('node.authorize.fail')}
+                            successDescription={getMessages(
                                 'node.authorize.success'
                             )}
                             transaction={node.transaction}

src/components/node/NodeStakingDashboard.tsx

@@ -190,7 +190,6 @@ export const NodeStakingDashboard: FC<NodeStakingDashboardProps> = ({
                 isOpen={isOpenAllowanceModal}
                 disclosure={disclosure}
                 allowance={allowance}
-                balance={balance}
                 onClose={onCloseStakingPoolAllowanceModal}
                 onSave={onApprove}
             />

src/components/node/inputs/InitialFundsInput.tsx

@@ -87,7 +87,9 @@ const InitialFundsInput = ({
     const { deposit: depositErrors } = errors;
 
     useEffect(() => {
-        if (isDirty) trigger('deposit');
+        if (isDirty) {
+            void trigger('deposit');
+        }
     }, [active]);
 
     useEffect(() => {
@@ -129,10 +131,10 @@ const InitialFundsInput = ({
                     type="number"
                     onBlur={() => trigger('deposit')}
                     onChange={(evt) => {
-                        onChangeValidate(evt);
+                        void onChangeValidate(evt);
                         onChange(evt?.target?.value);
                         //trigger validations for registered field called deposit
-                        trigger('deposit');
+                        void trigger('deposit');
                     }}
                 />
             </InputGroup>