Initial commit

src/renderer/components/pages/help/DonateInfoBox.tsx

@@ -0,0 +1,25 @@
+import { Typography } from '@material-ui/core';
+import DepositAddressInfoBox from '../../modal/swap/DepositAddressInfoBox';
+import MoneroIcon from '../../icons/MoneroIcon';
+
+const XMR_DONATE_ADDRESS =
+  '87jS4C7ngk9EHdqFFuxGFgg8AyH63dRUoULshWDybFJaP75UA89qsutG5B1L1QTc4w228nsqsv8EjhL7bz8fB3611Mh98mg';
+
+export default function DonateInfoBox() {
+  return (
+    <DepositAddressInfoBox
+      title="Donate"
+      address={XMR_DONATE_ADDRESS}
+      icon={<MoneroIcon />}
+      additionalContent={
+        <Typography variant="subtitle2">
+          We rely on generous donors like you to keep development moving
+          forward. To bring Atomic Swaps to life, we need resources. If you have
+          the possibility, please consider making a donation to the project. All
+          funds will be used to support contributors and critical
+          infrastructure.
+        </Typography>
+      }
+    />
+  );
+}