Updates for ConnectButton

- Ad comment about tooltip - Add different style when an account is not defined
thesis · Nov 17, 2023 · 647f359 · 647f359
1 parent 10715fd
commit 647f359
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/dapp/src/components/Navbar/ConnectWallet.tsx b/dapp/src/components/Navbar/ConnectWallet.tsx
@@ -25,10 +25,13 @@ function ConnectButton({
   account,
   requestAccount,
 }: ConnectButtonsProps) {
+  const styles = !account ? { color: "error", borderColor: "error" } : undefined
   return (
     <Button
       variant="outline"
+      sx={styles}
       leftIcon={<Image src={leftIcon} />}
+      // TODO: Add a tooltip here
       rightIcon={!account ? <Image src={rightIcon} /> : undefined}
       onClick={requestAccount}
     >

diff --git a/dapp/src/theme/utils/colors.ts b/dapp/src/theme/utils/colors.ts
@@ -4,6 +4,7 @@ export const colors = {
   white: "#FFF",
   black: "#000",
   purple: "#7D00FF",
+  error: "#F00",
   grey: {
     50: "rgba(255, 255, 255, 0.50)",
     80: "rgba(255, 255, 255, 0.80)",