Merge pull request #15 from SnickerdoodleLabs/feat/wallet-options

add: wallet options
SnickerdoodleLabs · Jun 7, 2022 · bbe1ea5 · bbe1ea5
2 parents 8fd8f6a + 8d8d090
commit bbe1ea5
Showing 1 changed file with 37 additions and 1 deletion.
diff --git a/...ges/browserExtension/src/pages/Content/components/Screens/ConnectWallet/ConnectWallet.tsx b/...ges/browserExtension/src/pages/Content/components/Screens/ConnectWallet/ConnectWallet.tsx
@@ -1,5 +1,12 @@
 import React from "react";
-import { Typography } from "@material-ui/core";
+import {
+  FormControl,
+  FormControlLabel,
+  Radio,
+  RadioGroup,
+  Typography,
+  withStyles,
+} from "@material-ui/core";
 
 import Modal, { useGenericModalStyles } from "../../Modals/Modal";
 import { EAPP_STATE, signatureMessage } from "../../../constants";
@@ -13,6 +20,16 @@ const ConnectWallet: React.FC<IConnectWalletProps> = ({
 }: IConnectWalletProps) => {
   const modalClasses = useGenericModalStyles();
 
+  const CustomRadio = withStyles({
+    colorSecondary: {
+      color: "#7F79B0",
+      "&$checked": {
+        color: "#7F79B0",
+      },
+    },
+    checked: {},
+  })(Radio);
+
   const onPrimaryButtonClick = () => {
     document.dispatchEvent(
       new CustomEvent("SD_CONNECT_TO_WALLET_REQUEST", {
@@ -56,6 +73,25 @@ const ConnectWallet: React.FC<IConnectWalletProps> = ({
             Choose and connect your wallet with Snickerdoodle Data Wallet to
             gain NFTs or other rewards!
           </Typography>
+          <FormControl>
+            <RadioGroup
+              aria-labelledby="demo-controlled-radio-buttons-group"
+              name="controlled-radio-buttons-group"
+              value={"metamask"}
+              onChange={() => {}}
+            >
+              <FormControlLabel
+                value="metamask"
+                control={<CustomRadio color="secondary" />}
+                label="MetaMask"
+              />
+              <FormControlLabel
+                value="phantom"
+                control={<CustomRadio color="secondary" />}
+                label="Phantom"
+              />
+            </RadioGroup>
+          </FormControl>
         </>
       }
     />