diff --git a/src/app/components/TokensTabs/Assets/Assets.jsx b/src/app/components/TokensTabs/Assets/Assets.tsx
similarity index 91%
rename from src/app/components/TokensTabs/Assets/Assets.jsx
rename to src/app/components/TokensTabs/Assets/Assets.tsx
index 81d521f..424d4fc 100644
--- a/src/app/components/TokensTabs/Assets/Assets.jsx
+++ b/src/app/components/TokensTabs/Assets/Assets.tsx
@@ -1,3 +1,4 @@
+import React from "react";
import { useContext } from "react";
import crossIcon from "../../../assets/svg/cross.svg";
import bitcoinIcon from "../../../assets/tokens-svg/bitcoin.svg";
@@ -9,7 +10,15 @@ import { Store } from "../../../store/store-reducer";
import s from "./Assets.module.scss";
import Decimal from "decimal.js";
-const getIconImage = (asset) => {
+interface Asset {
+ name: string;
+ ticker: string;
+ balance: number;
+ lockedBalance?: number;
+ value: number;
+}
+
+const getIconImage = (asset: Asset) => {
switch (asset.name) {
case "Zano":
return
;
@@ -30,7 +39,7 @@ const Assets = () => {
return (
- {state.wallet.assets.map((asset) => {
+ {(state.wallet.assets).map((asset) => {
const fiatBalance = (
Number(asset.balance) * state.priceData.price
).toFixed(2);
diff --git a/src/app/components/TokensTabs/History/History.jsx b/src/app/components/TokensTabs/History/History.tsx
similarity index 70%
rename from src/app/components/TokensTabs/History/History.jsx
rename to src/app/components/TokensTabs/History/History.tsx
index 6ccc0a7..af6a842 100644
--- a/src/app/components/TokensTabs/History/History.jsx
+++ b/src/app/components/TokensTabs/History/History.tsx
@@ -1,3 +1,4 @@
+import React from "react";
import { useContext } from "react";
import Big from "big.js";
import LoadingIcon from "../../../assets/svg/loading.svg";
@@ -9,9 +10,18 @@ import s from "./History.module.scss";
import NavLink from '../../UI/NavLink/NavLink';
import useGetAsset from "../../../hooks/useGetAsset";
+interface HistoryItemProps {
+ transfer: {
+ assetId: string;
+ amount: string;
+ incoming: boolean;
+ };
+ fee: string;
+ isInitiator: boolean;
+}
-const HistoryItem = ({ transfer, fee, isInitiator }) => {
- const {getAssetById} = useGetAsset();
+const HistoryItem = ({ transfer, fee, isInitiator }: HistoryItemProps) => {
+ const { getAssetById } = useGetAsset();
if (transfer.amount === fee) return null;
const amount = new Big(transfer.amount);
@@ -25,11 +35,11 @@ const HistoryItem = ({ transfer, fee, isInitiator }) => {
{transfer.assetId ===
- "d6329b5b1f7c0805b5c345f4957554002a2f557845f64d7645dae0e051a6498a"
- ? !isInitiator
- ? amount.toFixed()
- : amount.minus(fixedFee).toFixed()
- : amount.toFixed()
+ "d6329b5b1f7c0805b5c345f4957554002a2f557845f64d7645dae0e051a6498a"
+ ? !isInitiator
+ ? amount.toFixed()
+ : amount.minus(fixedFee).toFixed()
+ : amount.toFixed()
}
{" "}
@@ -61,8 +71,8 @@ const History = () => {
)}
- {tx.transfers.map((transfer) => (
-
+ {tx.transfers?.map((transfer) => (
+
))}
{tx.txHash}
@@ -72,4 +82,4 @@ const History = () => {
);
};
-export default History;
+export default History;
\ No newline at end of file
diff --git a/src/app/components/TokensTabs/TokensTabs.jsx b/src/app/components/TokensTabs/TokensTabs.tsx
similarity index 79%
rename from src/app/components/TokensTabs/TokensTabs.jsx
rename to src/app/components/TokensTabs/TokensTabs.tsx
index fc95222..2cd0a0d 100644
--- a/src/app/components/TokensTabs/TokensTabs.jsx
+++ b/src/app/components/TokensTabs/TokensTabs.tsx
@@ -1,3 +1,4 @@
+import React, { MouseEvent } from "react";
import { useState } from "react";
import Assets from "./Assets/Assets";
import History from "./History/History";
@@ -11,9 +12,9 @@ const TokensTabs = () => {
{ label: "history", content:
},
];
- const toggleTabs = (e) => {
- if (activeTab !== e.target.value) {
- setActiveTab(Number(e.target.value));
+ const toggleTabs = (e: MouseEvent
) => {
+ if (activeTab !== Number(e.currentTarget.value)) {
+ setActiveTab(Number(e.currentTarget.value));
}
};
diff --git a/src/app/components/TransactionDetails/TransactionDetails.jsx b/src/app/components/TransactionDetails/TransactionDetails.tsx
similarity index 68%
rename from src/app/components/TransactionDetails/TransactionDetails.jsx
rename to src/app/components/TransactionDetails/TransactionDetails.tsx
index bd50502..254a854 100644
--- a/src/app/components/TransactionDetails/TransactionDetails.jsx
+++ b/src/app/components/TransactionDetails/TransactionDetails.tsx
@@ -8,23 +8,54 @@ import RoutersNav from "../UI/RoutersNav/RoutersNav";
import { Store } from "../../store/store-reducer";
import styles from "./TransactionDetails.module.scss";
-const TransactionDetails = (props) => {
+type Transfer = {
+ amount: string;
+ assetId: string;
+ incoming: boolean;
+};
+
+type TransactionDetailsProps = {
+ transfers?: Transfer[];
+ fee: string;
+ addresses?: string[];
+ txHash: string;
+ blobSize: number;
+ timestamp: string;
+ height: number;
+ paymentId?: string | null;
+ comment: string;
+ isInitiator?: boolean;
+};
+
+type TableRowProps = {
+ label: string;
+ value?: string | number;
+ copyButton?: boolean;
+ children?: React.ReactNode;
+};
+
+type WhitelistedAssetType = {
+ asset_id: string;
+ ticker: string;
+};
+
+const TransactionDetails: React.FC = (props) => {
const { state } = useContext(Store);
- const { copyToClipboard, SuccessCopyModal } = useCopy();
+ const { copyToClipboard } = useCopy(); // removed: SuccessCopyModal
useEffect(() => {
document.body.scrollTo(0, 0);
}, []);
- const TableRow = ({ label, value, copyButton, children }) => {
+ const TableRow: React.FC = ({ label, value, copyButton, children }) => {
return (
{label}:
- {copyButton && (
+ {copyButton && value && (
@@ -38,30 +69,29 @@ const TransactionDetails = (props) => {
return (
- {SuccessCopyModal}
+ {/* {SuccessCopyModal} */}
- {props.transfers.map((transfer) => {
+ {props?.transfers?.map((transfer, index) => {
if (transfer.amount === props.fee) return null;
const amount = new Big(transfer.amount);
const fixedFee = new Big(props.fee);
return (
-
+
{transfer.assetId ===
"d6329b5b1f7c0805b5c345f4957554002a2f557845f64d7645dae0e051a6498a"
? !props.isInitiator
? amount.toFixed()
: amount.minus(fixedFee).toFixed()
- : amount.toFixed()
- }{" "}
+ : amount.toFixed()}{" "}
{
- state.whitelistedAssets.find(
- (asset) => asset.asset_id === transfer.assetId
+ (state.whitelistedAssets as any).find(
+ (asset: WhitelistedAssetType) => asset.asset_id === transfer.assetId
)?.ticker ?? "***"
}
@@ -75,7 +105,6 @@ const TransactionDetails = (props) => {
);
})}
-
{props.addresses && (
@@ -92,7 +121,7 @@ const TransactionDetails = (props) => {
{props.paymentId ? (
) : (
-
+
)}
diff --git a/src/app/components/UI/AppLoader/AppLoader.jsx b/src/app/components/UI/AppLoader/AppLoader.tsx
similarity index 78%
rename from src/app/components/UI/AppLoader/AppLoader.jsx
rename to src/app/components/UI/AppLoader/AppLoader.tsx
index 0ca3d9e..8c0c018 100644
--- a/src/app/components/UI/AppLoader/AppLoader.jsx
+++ b/src/app/components/UI/AppLoader/AppLoader.tsx
@@ -4,8 +4,15 @@ import logo from "../../../assets/svg/logo.svg";
import { Store } from "../../../store/store-reducer";
import s from "./AppLoader.module.scss";
-const AppLoader = ({ isSmall, firstWalletLoaded, loggedIn }) => {
+interface AppLoaderProps {
+ isSmall?: boolean;
+ firstWalletLoaded: boolean;
+ loggedIn: boolean;
+}
+
+const AppLoader: React.FC
= ({ isSmall, firstWalletLoaded, loggedIn }) => {
const { state } = useContext(Store);
+
const loaderClasses = isSmall ? [s.loader, s.small].join(" ") : s.loader;
return (
@@ -26,4 +33,4 @@ const AppLoader = ({ isSmall, firstWalletLoaded, loggedIn }) => {
);
};
-export default AppLoader;
\ No newline at end of file
+export default AppLoader;
diff --git a/src/app/components/UI/Button/Button.jsx b/src/app/components/UI/Button/Button.jsx
deleted file mode 100644
index 70620b9..0000000
--- a/src/app/components/UI/Button/Button.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React, { memo } from "react";
-import cls from "./Button.module.scss";
-import { classNames } from "../../../utils/classNames";
-
-export const ButtonThemes = {
- Primary: "primary",
- Outline: "outline",
- Clear: "clear",
-};
-
-export const Button = memo((props) => {
- const {
- className,
- children,
- theme = ButtonThemes.Primary,
- href,
- fullWidth,
- ...otherProps
- } = props;
-
- if (href) {
- return (
-
- {children}
-
- );
- }
-
- return (
-
- );
-});
-
-export default Button;
\ No newline at end of file
diff --git a/src/app/components/UI/Button/Button.tsx b/src/app/components/UI/Button/Button.tsx
new file mode 100644
index 0000000..26582ab
--- /dev/null
+++ b/src/app/components/UI/Button/Button.tsx
@@ -0,0 +1,63 @@
+import React, { memo, ButtonHTMLAttributes, AnchorHTMLAttributes } from "react";
+import cls from "./Button.module.scss";
+import { classNames } from "../../../utils/classNames";
+
+interface ButtonBaseProps {
+ className?: string;
+ children: React.ReactNode;
+ theme?: keyof ThemeProps | string;
+ fullWidth?: boolean;
+}
+
+interface ThemeProps {
+ Primary: "primary";
+ Outline: "outline";
+ Clear: "clear";
+}
+
+export const ButtonThemes: ThemeProps = {
+ Primary: "primary",
+ Outline: "outline",
+ Clear: "clear",
+};
+
+type ButtonProps = ButtonBaseProps &
+ (
+ | (ButtonHTMLAttributes & { href?: never })
+ | (AnchorHTMLAttributes & { href: string })
+ );
+
+export const Button = memo((props: ButtonProps) => {
+ const {
+ className,
+ children,
+ theme = ButtonThemes.Primary,
+ href,
+ fullWidth,
+ ...otherProps
+ } = props;
+
+ if (href) {
+ return (
+ )}
+ >
+ {children}
+
+ );
+ }
+
+ return (
+
+ );
+});
+
+export default Button;
diff --git a/src/app/components/UI/Loader/Loader.jsx b/src/app/components/UI/Loader/Loader.tsx
similarity index 100%
rename from src/app/components/UI/Loader/Loader.jsx
rename to src/app/components/UI/Loader/Loader.tsx
diff --git a/src/app/components/UI/Modal/Modal.jsx b/src/app/components/UI/Modal/Modal.tsx
similarity index 73%
rename from src/app/components/UI/Modal/Modal.jsx
rename to src/app/components/UI/Modal/Modal.tsx
index f5e618d..5583c1e 100644
--- a/src/app/components/UI/Modal/Modal.jsx
+++ b/src/app/components/UI/Modal/Modal.tsx
@@ -1,9 +1,17 @@
-import React, { useCallback, useEffect, useState } from "react";
+import React, { MouseEvent, ReactNode, useCallback, useEffect, useState } from "react";
import cls from "./Modal.module.scss";
import { createPortal } from "react-dom";
import { classNames } from '../../../utils/classNames';
-const Modal = (props) => {
+interface ModalProps {
+ className?: string;
+ children: ReactNode;
+ isOpen: boolean;
+ onClose: () => void;
+ width?: string | number;
+}
+
+const Modal = (props: ModalProps) => {
const { className, children, isOpen, onClose, width } = props;
const [isMounted, setIsMounted] = useState(false);
@@ -21,7 +29,7 @@ const Modal = (props) => {
}, [onClose]);
const onKeyDown = useCallback(
- (e) => {
+ (e: KeyboardEvent) => {
if (e.key === "Escape") {
closeHandler();
}
@@ -39,7 +47,7 @@ const Modal = (props) => {
};
}, [isOpen, onKeyDown]);
- const onContentClick = (e) => {
+ const onContentClick = (e: MouseEvent) => {
e.stopPropagation();
};
@@ -54,7 +62,7 @@ const Modal = (props) => {
return createPortal(
-
diff --git a/src/app/components/UI/MyCheckbox/MyCheckbox.jsx b/src/app/components/UI/MyCheckbox/MyCheckbox.tsx
similarity index 62%
rename from src/app/components/UI/MyCheckbox/MyCheckbox.jsx
rename to src/app/components/UI/MyCheckbox/MyCheckbox.tsx
index ba6e5c0..ed8b561 100644
--- a/src/app/components/UI/MyCheckbox/MyCheckbox.jsx
+++ b/src/app/components/UI/MyCheckbox/MyCheckbox.tsx
@@ -1,8 +1,12 @@
-import React from "react";
+import React, { InputHTMLAttributes } from "react";
import nextId from "react-id-generator";
import s from "./MyCheckbox.module.scss";
-const MyCheckbox = ({ label, ...props }) => {
+interface MyCheckboxProps extends InputHTMLAttributes
{
+ label: string;
+}
+
+const MyCheckbox: React.FC = ({ label, ...props }) => {
const id = nextId();
return (
diff --git a/src/app/components/UI/MyInput/MyInput.jsx b/src/app/components/UI/MyInput/MyInput.tsx
similarity index 60%
rename from src/app/components/UI/MyInput/MyInput.jsx
rename to src/app/components/UI/MyInput/MyInput.tsx
index bd1453d..339ebc8 100644
--- a/src/app/components/UI/MyInput/MyInput.jsx
+++ b/src/app/components/UI/MyInput/MyInput.tsx
@@ -1,9 +1,29 @@
-import React, { memo } from "react";
+import React, { memo, ChangeEvent, InputHTMLAttributes } from "react";
import nextId from "react-id-generator";
import cls from "./MyInput.module.scss";
import { classNames } from "../../../utils/classNames";
-const MyInput = memo((props) => {
+interface inputDataProps {
+ value?: string;
+ onChange?: (e: ChangeEvent) => void;
+ onInput?: (value: string) => void;
+ inputValid?: boolean;
+ onBlur?: () => void;
+ isDirty?: boolean;
+ isFilled?: boolean;
+}
+
+interface MyInputProps extends InputHTMLAttributes {
+ label?: string;
+ inputData?: inputDataProps;
+ isValid?: boolean;
+ noActiveBorder?: boolean;
+ isError?: boolean;
+ noValidation?: boolean;
+ type?: string;
+}
+
+const MyInput: React.FC = memo((props) => {
const id = nextId();
const {
label,
@@ -15,18 +35,18 @@ const MyInput = memo((props) => {
noValidation,
...otherProps
} = props;
- const { value, onChange, onInput, inputValid, onBlur, isDirty, isFilled } =
- inputData;
- const onInputHandler = (e) => {
+ const { value, onChange, onInput, inputValid, onBlur, isDirty, isFilled } = inputData || {};
+
+ const onInputHandler = (e: ChangeEvent) => {
if (type === "number" && !noValidation) {
const newValue = e.target.value
.replace(/[^0-9.]/g, "")
.replace(/(\..*?)\..*/g, "$1")
.replace(/^0[^.]/, "0");
- onInput(newValue);
+ if (onInput) onInput(newValue);
} else {
- onChange(e);
+ if (onChange) onChange(e);
}
};
@@ -40,7 +60,7 @@ const MyInput = memo((props) => {
onInputHandler(e)}
+ onChange={onInputHandler}
type={type}
id={id}
value={value}
diff --git a/src/app/components/UI/NavLink/NavLink.jsx b/src/app/components/UI/NavLink/NavLink.tsx
similarity index 66%
rename from src/app/components/UI/NavLink/NavLink.jsx
rename to src/app/components/UI/NavLink/NavLink.tsx
index ba5eddf..6ccbb1f 100644
--- a/src/app/components/UI/NavLink/NavLink.jsx
+++ b/src/app/components/UI/NavLink/NavLink.tsx
@@ -2,7 +2,14 @@ import React from "react";
import { Link } from "react-chrome-extension-router";
import { classNames } from "../../../utils/classNames";
-const NavLink = ({ component, children, className, ...props }) => {
+interface NavLinkProps {
+ component: React.ComponentType
;
+ children: React.ReactNode;
+ className?: string;
+ props?: any;
+}
+
+const NavLink = ({ component, children, className, ...props }: NavLinkProps) => {
const scrollHandler = () => {
document.body.scrollTop = 0;
};
diff --git a/src/app/components/UI/RoutersNav/RoutersNav.jsx b/src/app/components/UI/RoutersNav/RoutersNav.tsx
similarity index 75%
rename from src/app/components/UI/RoutersNav/RoutersNav.jsx
rename to src/app/components/UI/RoutersNav/RoutersNav.tsx
index 93e8087..8051017 100644
--- a/src/app/components/UI/RoutersNav/RoutersNav.jsx
+++ b/src/app/components/UI/RoutersNav/RoutersNav.tsx
@@ -3,9 +3,14 @@ import { goBack } from "react-chrome-extension-router";
import backIcon from "../../../assets/svg/arrow-back.svg";
import s from "./RoutersNav.module.scss";
-const RoutersNav = ({ title, onClick }) => {
+interface RoutersNavProps {
+ title: string;
+ onClick?: "none" | (() => void | undefined);
+}
+
+const RoutersNav = ({ title, onClick }: RoutersNavProps) => {
const clickHandler = () => {
- if (onClick) {
+ if (typeof onClick === "function") {
onClick();
} else {
goBack();
diff --git a/src/app/components/Wallet/Wallet.jsx b/src/app/components/Wallet/Wallet.tsx
similarity index 93%
rename from src/app/components/Wallet/Wallet.jsx
rename to src/app/components/Wallet/Wallet.tsx
index 33cb70a..ed5ed01 100644
--- a/src/app/components/Wallet/Wallet.jsx
+++ b/src/app/components/Wallet/Wallet.tsx
@@ -1,3 +1,4 @@
+import React, { Dispatch, SetStateAction } from "react";
import { useContext, useRef, useState } from "react";
import copyIcon from "../../assets/svg/copy.svg";
import dotsIcon from "../../assets/svg/dots.svg";
@@ -12,14 +13,14 @@ import { useCensorDigits } from "../../hooks/useCensorDigits";
import { useCopy } from "../../hooks/useCopy";
import { Store } from "../../store/store-reducer";
import { updateBalancesHidden, updateDisplay } from "../../store/actions";
-import ModalTransactionStatus from "../../components/ModalTransactionStatus/ModalTransactionStatus";
+import ModalTransactionStatus from "../ModalTransactionStatus/ModalTransactionStatus";
import WalletSend from "../WalletSend/WalletSend";
import WalletSettings from "../WalletSettings/WalletSettings";
import s from "./Wallet.module.scss";
import NavLink from "../UI/NavLink/NavLink";
import { classNames } from "../../utils/classNames";
-const Wallet = ({ setConnectOpened }) => {
+const Wallet = ({ setConnectOpened }: { setConnectOpened: Dispatch> }) => {
const { state, dispatch } = useContext(Store);
const { copied, copyToClipboard } = useCopy();
const { censorValue } = useCensorDigits();
@@ -59,7 +60,7 @@ const Wallet = ({ setConnectOpened }) => {
)?.unlockedBalance;
const flipDisplay = () => {
- updateDisplay(dispatch, !state.displayUsd);
+ updateDisplay(dispatch as any, !state.displayUsd as any);
};
const flipMenu = () => {
@@ -121,7 +122,7 @@ const Wallet = ({ setConnectOpened }) => {
{getUnlockedBalance() !== state.wallet.balance && (
Locked balance:{" "}
- {(Number(state.wallet.balance) - getUnlockedBalance()).toFixed(2)}{" "}
+ {(Number(state.wallet.balance) - Number(getUnlockedBalance())).toFixed(2)}{" "}
ZANO
)}
diff --git a/src/app/components/WalletSend/WalletSend.jsx b/src/app/components/WalletSend/WalletSend.tsx
similarity index 78%
rename from src/app/components/WalletSend/WalletSend.jsx
rename to src/app/components/WalletSend/WalletSend.tsx
index 623d018..2f73b3b 100644
--- a/src/app/components/WalletSend/WalletSend.jsx
+++ b/src/app/components/WalletSend/WalletSend.tsx
@@ -14,6 +14,31 @@ import { fetchBackground, validateTokensInput } from "../../utils/utils";
import AssetsSelect from "./ui/AssetsSelect/AssetsSelect";
import AdditionalDetails from "./ui/AdditionalDetails/AdditionalDetails";
+interface ResponseData {
+ data?: any;
+ error?: string;
+}
+
+interface FetchBackgroundParams {
+ method: string;
+ assetId: string;
+ destination: string;
+ amount: string | number;
+ comment: string;
+ decimalPoint: number;
+ password?: string;
+ id?: number;
+ success?: boolean;
+ credentials?: {
+ port: string;
+ };
+}
+
+interface AssetProps {
+ unlockedBalance: number;
+ balance: number;
+}
+
const WalletSend = () => {
const { state } = useContext(Store);
const [activeStep, setActiveStep] = useState(0);
@@ -36,19 +61,25 @@ const WalletSend = () => {
const isSenderInfo = useCheckbox(false);
const isReceiverInfo = useCheckbox(false);
- const sendTransfer = (destination, amount, comment, assetId, decimalPoint) => {
+ const sendTransfer = (
+ destination: string,
+ amount: string | number,
+ comment: string,
+ assetId: string,
+ decimalPoint: number
+ ): Promise => {
return new Promise(async (resolve, reject) => {
// eslint-disable-next-line no-undef
- if (chrome.runtime.sendMessage) {
+ if (chrome.runtime.sendMessage as any) {
// eslint-disable-next-line no-undef
- const response = await fetchBackground({
+ const response: ResponseData = await fetchBackground({
method: "SEND_TRANSFER",
assetId,
destination,
amount,
comment,
decimalPoint,
- });
+ } as FetchBackgroundParams);
if (response.data) {
resolve(response.data);
@@ -63,7 +94,7 @@ const WalletSend = () => {
});
};
- const openExplorer = (txId) => {
+ const openExplorer = (txId: string) => {
// eslint-disable-next-line no-undef
chrome.tabs.create({
url: `https://testnet-explorer.zano.org/block/${txId}`,
@@ -72,8 +103,8 @@ const WalletSend = () => {
useEffect(() => {
(async () => {
- if (address.value.startsWith("@")) {
- const alias = address.value.slice(1);
+ if (String(address.value).startsWith("@")) {
+ const alias = String(address.value).slice(1);
const resolvedAddress = await fetchAddress(alias);
if (resolvedAddress) {
setSubmitAddress(resolvedAddress);
@@ -81,8 +112,8 @@ const WalletSend = () => {
setSubmitAddress("");
}
} else {
- if (address.value.length === 97) {
- setSubmitAddress(address.value);
+ if (String(address.value).length === 97) {
+ setSubmitAddress(String(address.value));
} else {
setSubmitAddress("");
}
@@ -91,20 +122,20 @@ const WalletSend = () => {
}, [address.value]);
useEffect(() => {
- const isValid = validateTokensInput(amount.value, asset.decimalPoint);
+ const isValid = !!validateTokensInput(amount.value, Number(asset.decimalPoint));
setAmountValid(isValid);
}, [amount.value, asset]);
- const fetchAddress = async (alias) => await fetchBackground({ method: "GET_ALIAS_DETAILS", alias });
+ const fetchAddress = async (alias: string) => await fetchBackground({ method: "GET_ALIAS_DETAILS", alias });
- const checkAvailableBalance = (amount, asset) =>
+ const checkAvailableBalance = (amount: string | number, asset: AssetProps) =>
asset.unlockedBalance !== asset.balance
- ? +amount <= asset.unlockedBalance - fee.value
+ ? +amount <= asset.unlockedBalance - Number(fee.value)
: true;
//-------------------------------------------------------------------------------------------------------------------
// Subcomponents
- const TableRow = ({ label, value }) => {
+ const TableRow = ({ label, value }: { label: string; value: string }) => {
return (
{label}:
@@ -113,7 +144,7 @@ const WalletSend = () => {
);
};
-
+
return (
<>
{(() => {
@@ -131,21 +162,21 @@ const WalletSend = () => {
-
+
>} />
{
!submitAddress ||
!amount.value ||
!amountValid ||
- !checkAvailableBalance(amount.value, asset)
+ !checkAvailableBalance(amount.value, asset as any)
}
>
Send
@@ -179,9 +210,9 @@ const WalletSend = () => {
value={amount?.value + " " + asset?.ticker}
/>
-
-
-
+
+
+
@@ -69,7 +69,7 @@ const ModalTransactionStatus = () => {
