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
parent
commit
070a45f13a
No known key found for this signature in database GPG Key ID: 470C865699C8D4D
  1. 5
      taker-frontend/src/components/Disclaimer.tsx

5
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>

Loading…
Cancel
Save