Remove dead code

zkemail · Sep 14, 2024 · 049cfbb · 049cfbb
1 parent 462c278
commit 049cfbb
Show file tree

Hide file tree

Showing 18 changed files with 38 additions and 1,366 deletions.
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -1,89 +1,5 @@
-// import React, { ReactNode } from "react";
-
-// type ButtonProps = {
-//   endIcon?: ReactNode;
-//   loading?: boolean;
-//   tooltipText?: string;
-// } & React.ComponentPropsWithoutRef<"button">;
-
-// export function Button({
-//   children,
-//   endIcon,
-//   tooltipText,
-//   loading,
-//   ...buttonProps
-// }: ButtonProps) {
-//   return (
-//     <div className="tooltip">
-//       {tooltipText ? <span className="tooltiptext">{tooltipText}</span>: null}
-//       <div className="button">
-//         <button {...buttonProps}>
-//           {children}
-//           {endIcon ? endIcon : null}
-//           {loading ? <div className="loader" /> : null}
-//         </button>
-//       </div>
-//     </div>
-//   );
-// }
-
-// import React, { ReactNode } from "react";
-// import { Button as MuiButton, ButtonProps as MuiButtonProps, CircularProgress, useTheme } from "@mui/material";
-
-// type ButtonProps = {
-//   endIcon?: ReactNode;
-//   loading?: boolean;
-//   filled?: boolean; // Add the filled prop
-// } & MuiButtonProps;
-
-// export function Button({
-//   children,
-//   endIcon,
-//   loading,
-//   filled = false,
-//   ...buttonProps }: ButtonProps) {
-
-//   const theme = useTheme();
-
-//   return (
-//     <MuiButton
-//       sx={{
-//         width: '100%', // Make the button take the full width of its container
-//         borderColor: filled ? 'transparent' : '#94969C',
-//         borderWidth: '1px',
-//         borderRadius: '26px',
-//         paddingX: '26px',
-//         paddingY: '13px',
-//         borderStyle: 'solid',
-//         backgroundColor: filled ? '#FD4BA1' : 'rgba(255, 255, 255, 0.87)',
-//         textTransform: 'none',
-//         color: filled ? '#FFFFFF' : theme.palette.primary.main, // Set text color based on filled prop
-//         ':hover': {
-//           backgroundColor: filled ? '#FD4BA1' : '#E0F6FF', // Background color on hover
-//         },
-//         ':focus': {
-//           outline: 'none', // Remove outline on focus
-//         },
-//         ':active': {
-//           outline: 'none', // Remove outline on active
-//         },
-//         ':disabled':{
-//           backgroundColor: '#FAC5DF',
-//           color:'#ffffff'
-//         }
-//       }}
-//       {...buttonProps}
-//       endIcon={loading ? <CircularProgress size={24} /> : endIcon}
-//       disabled={loading || buttonProps.disabled}
-//     >
-//       {children}
-//     </MuiButton>
-//   );
-// }
-
 import React, { ReactNode } from "react";
 import { Button as MuiButton, CircularProgress, useTheme } from "@mui/material";
-import { ButtonProps as MuiButtonProps } from "@mui/material/Button";
 
 type CustomButtonProps = {
   endIcon?: ReactNode;

diff --git a/src/components/ConnectWallets.tsx b/src/components/ConnectWallets.tsx
@@ -1,6 +1,5 @@
 import { Button } from "./Button";
-import AccountBalanceWalletOutlinedIcon from '@mui/icons-material/AccountBalanceWalletOutlined';
-import walletIcon from "../assets/wallet.svg";
+import AccountBalanceWalletOutlinedIcon from "@mui/icons-material/AccountBalanceWalletOutlined";
 import { ConnectKitButton } from "connectkit";
 import { useAccount } from "wagmi";
 import { useContext } from "react";
@@ -19,31 +18,30 @@ const ConnectWallets = () => {
 
   return (
     <div className="connect-wallets-container">
+      <Box sx={{ marginX: "auto", marginTop: "180px" }}>
+        <Typography variant="h2" sx={{ paddingBottom: "20px" }}>
+          Set Up Wallet Recovery
+        </Typography>
+        <Typography variant="h6" sx={{ paddingBottom: "30px" }}>
+          Connect your wallet now to make your wallet <br></br>recoverable by
+          guardian.
+        </Typography>
 
-      <Box sx={{ marginX: 'auto', marginTop:'180px' }}>
-      <Typography variant='h2' sx={{ paddingBottom: '20px'}}>Set Up Wallet Recovery</Typography>
-      <Typography variant='h6' sx={{paddingBottom: '30px'}}>Connect your wallet now to make your wallet <br></br>recoverable by guardian.</Typography>
-      {/* <Button endIcon={<img src={walletIcon} />}>Connect Genosis Safe</Button>
-
-      <p color="#CECFD2" style={{ display: "flex", gap: "0.5rem" }}>
-        <img src={infoIcon} alt="info" />
-        Copy the link and import into your safe wallet
-      </p> */}
-      <ConnectKitButton.Custom>
-        {({ show }) => {
-          return (
-            <Box width='200px' margin='auto'>
-              <Button filled={true} onClick={show} endIcon={<AccountBalanceWalletOutlinedIcon/>}>
-                Connect Safe
-              </Button>
-            </Box>
-
-          );
-        }}
-      </ConnectKitButton.Custom>
-      {/* <p style={{ textDecoration: "underline" }}>
-        Or, recover existing wallet instead ➔
-      </p> */}
+        <ConnectKitButton.Custom>
+          {({ show }) => {
+            return (
+              <Box width="200px" margin="auto">
+                <Button
+                  filled={true}
+                  onClick={show}
+                  endIcon={<AccountBalanceWalletOutlinedIcon />}
+                >
+                  Connect Safe
+                </Button>
+              </Box>
+            );
+          }}
+        </ConnectKitButton.Custom>
       </Box>
     </div>
   );