diff --git a/dapp/src/assets/icons/DiscordIcon.tsx b/dapp/src/assets/icons/DiscordIcon.tsx deleted file mode 100644 index 18ad3e34c..000000000 --- a/dapp/src/assets/icons/DiscordIcon.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from "react" -import { createIcon } from "@chakra-ui/react" - -export const DiscordIcon = createIcon({ - displayName: "DiscordIcon", - viewBox: "0 0 20 20", - path: [ - , - ], -}) diff --git a/dapp/src/assets/icons/ReloadIcon.tsx b/dapp/src/assets/icons/ReloadIcon.tsx deleted file mode 100644 index d8029dfdb..000000000 --- a/dapp/src/assets/icons/ReloadIcon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react" -import { createIcon } from "@chakra-ui/react" - -export const ReloadIcon = createIcon({ - displayName: "ReloadIcon", - viewBox: "0 0 20 20", - defaultProps: { - fill: "none", - }, - path: [ - , - ], -}) diff --git a/dapp/src/assets/icons/SecurityCheckIcon.tsx b/dapp/src/assets/icons/SecurityCheckIcon.tsx deleted file mode 100644 index d59512f91..000000000 --- a/dapp/src/assets/icons/SecurityCheckIcon.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from "react" -import { createIcon } from "@chakra-ui/react" - -export const SecurityCheckIcon = createIcon({ - displayName: "SecurityCheckIcon", - viewBox: "0 0 21 20", - path: [ - , - ], -}) diff --git a/dapp/src/assets/icons/ServerIcon.tsx b/dapp/src/assets/icons/ServerIcon.tsx deleted file mode 100644 index 2a38cd8f5..000000000 --- a/dapp/src/assets/icons/ServerIcon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react" -import { createIcon } from "@chakra-ui/react" - -export const ServerIcon = createIcon({ - displayName: "ServerIcon", - viewBox: "0 0 56 56", - defaultProps: { - fill: "none", - }, - path: [ - , - ], -}) diff --git a/dapp/src/assets/icons/index.ts b/dapp/src/assets/icons/index.ts index 0004778c6..855a92790 100644 --- a/dapp/src/assets/icons/index.ts +++ b/dapp/src/assets/icons/index.ts @@ -18,7 +18,3 @@ export * from "./LoadingSpinnerSuccessIcon" export * from "./BitcoinIcon" export * from "./EthereumIcon" export * from "./CableWithPlugIcon" -export * from "./DiscordIcon" -export * from "./ServerIcon" -export * from "./SecurityCheckIcon" -export * from "./ReloadIcon" diff --git a/dapp/src/components/TransactionModal/ActiveStakingStep/StakingErrorModal/RetryModal.tsx b/dapp/src/components/TransactionModal/ActiveStakingStep/StakingErrorModal/RetryModal.tsx index 045e21053..1d89e37f7 100644 --- a/dapp/src/components/TransactionModal/ActiveStakingStep/StakingErrorModal/RetryModal.tsx +++ b/dapp/src/components/TransactionModal/ActiveStakingStep/StakingErrorModal/RetryModal.tsx @@ -4,16 +4,18 @@ import { Button, CloseButton, HStack, + Icon, ModalBody, ModalFooter, ModalHeader, } from "@chakra-ui/react" -import { CableWithPlugIcon, SecurityCheckIcon } from "#/assets/icons" +import { CableWithPlugIcon } from "#/assets/icons" import { TextMd, TextSm } from "#/components/shared/Typography" import IconWrapper from "#/components/shared/IconWrapper" import { dateToUnixTimestamp } from "#/utils" import { useCountdown } from "#/hooks" import { ONE_MINUTE_IN_SECONDS, ONE_SEC_IN_MILLISECONDS } from "#/constants" +import { IconShieldCheckFilled } from "@tabler/icons-react" const getRetryTimestamp = () => { const today = new Date() @@ -68,10 +70,10 @@ export default function RetryModal({ retry }: { retry: () => void }) { - - - Your funds are secure. - + + + Your funds are secure. + ) diff --git a/dapp/src/components/TransactionModal/ActiveStakingStep/StakingErrorModal/ServerErrorModal.tsx b/dapp/src/components/TransactionModal/ActiveStakingStep/StakingErrorModal/ServerErrorModal.tsx index b7c07d5fe..82ad719c4 100644 --- a/dapp/src/components/TransactionModal/ActiveStakingStep/StakingErrorModal/ServerErrorModal.tsx +++ b/dapp/src/components/TransactionModal/ActiveStakingStep/StakingErrorModal/ServerErrorModal.tsx @@ -11,17 +11,16 @@ import { ModalHeader, Tooltip, } from "@chakra-ui/react" -import { - CableWithPlugIcon, - DiscordIcon, - Info, - ReloadIcon, - ServerIcon, -} from "#/assets/icons" +import { CableWithPlugIcon, Info } from "#/assets/icons" import { TextMd } from "#/components/shared/Typography" import { EXTERNAL_HREF } from "#/constants" import IconWrapper from "#/components/shared/IconWrapper" import { MODAL_BASE_SIZE } from "#/components/shared/ModalBase" +import { + IconBrandDiscordFilled, + IconReload, + IconServerBolt, +} from "@tabler/icons-react" export default function ServerErrorModal({ isLoading, @@ -38,7 +37,7 @@ export default function ServerErrorModal({ - + Your deposit didn't go through but no worries, your funds are @@ -49,7 +48,7 @@ export default function ServerErrorModal({ size="lg" width="100%" variant="outline" - rightIcon={} + rightIcon={} href={EXTERNAL_HREF.DISCORD} isExternal > @@ -85,7 +84,7 @@ export default function ServerErrorModal({