From 1dda4c7765fbe91bfad43d958877c5a9de391661 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ren=C3=A9=20Aaron?= Date: Tue, 5 Sep 2023 11:27:58 +0200 Subject: [PATCH 01/40] feat: dark mode --- src/app/icons/RedeemIcon.tsx | 19 +++ src/app/screens/Receive/index.tsx | 224 +++++++++++++++++------------- 2 files changed, 149 insertions(+), 94 deletions(-) create mode 100644 src/app/icons/RedeemIcon.tsx diff --git a/src/app/icons/RedeemIcon.tsx b/src/app/icons/RedeemIcon.tsx new file mode 100644 index 0000000000..59310689fe --- /dev/null +++ b/src/app/icons/RedeemIcon.tsx @@ -0,0 +1,19 @@ +import { SVGProps } from "react"; + +const RedeemIcon = (props: SVGProps) => ( + + + +); + +export default RedeemIcon; diff --git a/src/app/screens/Receive/index.tsx b/src/app/screens/Receive/index.tsx index 6d7ea48dca..28943eb525 100644 --- a/src/app/screens/Receive/index.tsx +++ b/src/app/screens/Receive/index.tsx @@ -1,8 +1,11 @@ import { + BitcoinCircleIcon, CaretLeftIcon, + CaretRightIcon, CheckIcon, -} from "@bitcoin-design/bitcoin-icons-react/filled"; -import { CopyIcon } from "@bitcoin-design/bitcoin-icons-react/outline"; + CopyIcon, + LightningIcon, +} from "@bitcoin-design/bitcoin-icons-react/outline"; import Button from "@components/Button"; import Container from "@components/Container"; import Header from "@components/Header"; @@ -18,6 +21,7 @@ import { useNavigate } from "react-router-dom"; import { toast } from "react-toastify"; import { useAccount } from "~/app/context/AccountContext"; import { useSettings } from "~/app/context/SettingsContext"; +import RedeemIcon from "~/app/icons/RedeemIcon"; import { isAlbyLNDHubAccount, isAlbyOAuthAccount } from "~/app/utils"; import api from "~/common/lib/api"; import msg from "~/common/lib/msg"; @@ -50,9 +54,6 @@ function Receive() { const [copyInvoiceLabel, setCopyInvoiceLabel] = useState( tCommon("actions.copy_invoice") as string ); - const [copyLightningAddressLabel, setCopyLightningAddressLabel] = useState( - t("actions.copy_lightning_address") as string - ); const [lightningAddress, setLightningAddress] = useState(""); const [paid, setPaid] = useState(false); const [pollingForPayment, setPollingForPayment] = useState(false); @@ -263,106 +264,112 @@ function Receive() { {renderInvoice()} ) : (
-
-
- -
-
- -
+ {!isAlbyOAuthUser && ( + <> + +
+ +
+
+ +
-
- + +
+
+
-
-