Browse Source
Improve the link display in the disclaimer
Add the link icon with the same colour as other links.
release/0.3.1
Mariusz Klochowicz
3 years ago
No known key found for this signature in database
GPG Key ID: 470C865699C8D4D
1 changed files with
5 additions and
0 deletions
-
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! |
|
|
|
<ExternalLinkIcon mx="2px" color={iconColor} /> |
|
|
|
</Link> |
|
|
|
<Text>Additionally, CFD trading is inherently risky: so don't get rekt</Text> |
|
|
|
</ModalBody> |
|
|
|