diff --git a/ui/assets/ipfs.png b/ui/assets/ipfs.png new file mode 100644 index 0000000..e6d6e1a Binary files /dev/null and b/ui/assets/ipfs.png differ diff --git a/ui/components/molecules/modals/modalInfo/modalInfo.tsx b/ui/components/molecules/modals/modalInfo/modalInfo.tsx index a4f9d5d..3d2b4e3 100644 --- a/ui/components/molecules/modals/modalInfo/modalInfo.tsx +++ b/ui/components/molecules/modals/modalInfo/modalInfo.tsx @@ -1,5 +1,6 @@ -import Image from "next/image"; +import Image, { StaticImageData } from "next/image"; import defaultIcon from "../../../../assets/default.svg"; +import ipfsIcon from "../../../../assets/ipfs.png"; import { Button } from "@/components/atoms/button"; import { Variant } from "@/components/atoms/button/types"; import classNames from "classnames"; @@ -45,12 +46,14 @@ const ModalInfo = ({ data }: ModalInfoProps): JSX.Element => { url, hiddenIcon, action, + icon }: { header: string; content: ReactNode; url?: string; hiddenIcon?: boolean; action?: () => void; + icon?: StaticImageData; }): JSX.Element => { return (
@@ -64,7 +67,7 @@ const ModalInfo = ({ data }: ModalInfoProps): JSX.Element => { target="_blank" className={style.bottomContentRightSide} > - + )} {action && ( @@ -112,6 +115,7 @@ const ModalInfo = ({ data }: ModalInfoProps): JSX.Element => { header: "IPFS", url: ipfs && `https://gateway.pinata.cloud/ipfs/${ipfs}`, hiddenIcon: !ipfs, + icon: ipfsIcon, content: ( => { InitService.init(); WalletService.setAccountDataToStore = setWalletData; - const isWalletConnected = await WalletService.isWalletConnected(); - console.log(isWalletConnected); const bagStorage = localStorage.getItem("bag"); const accountStorage = localStorage.getItem("account");