diff --git a/taker-frontend/src/components/Disclaimer.tsx b/taker-frontend/src/components/Disclaimer.tsx index 8664b70..b098dc0 100644 --- a/taker-frontend/src/components/Disclaimer.tsx +++ b/taker-frontend/src/components/Disclaimer.tsx @@ -1,3 +1,4 @@ +import { ExternalLinkIcon } from "@chakra-ui/icons"; import { Button, Link, @@ -9,6 +10,7 @@ import { ModalHeader, ModalOverlay, Text, + useColorModeValue, useDisclosure, } from "@chakra-ui/react"; import React, { useEffect, useState } from "react"; @@ -21,6 +23,8 @@ export default function Disclaimer() { const { isOpen, onOpen, onClose } = useDisclosure(); + const iconColor = useColorModeValue("white.200", "white.600"); + useEffect(() => { if (!ack) { onOpen(); @@ -49,6 +53,7 @@ export default function Disclaimer() { isExternal > this guide! + Additionally, CFD trading is inherently risky: so don't get rekt