feat: favicon and title

#49
golemfactory · Apr 10, 2024 · 74239a4 · 74239a4
1 parent 28a8797
commit 74239a4
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 19 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -1,13 +1,21 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+
+<head>
+  <!-- Start cookieyes banner -->
+
+  <!-- End cookieyes banner -->
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+  <link rel="manifest" href="/manifest.webmanifest" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title> Deposit payment example</title>
+
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
diff --git a/frontend/public/favicon.svg b/frontend/public/favicon.svg
diff --git a/frontend/src/components/RegisterButton.tsx b/frontend/src/components/RegisterButton.tsx
@@ -11,9 +11,8 @@ export const RegisterButton = ({ isVisible }: { isVisible: boolean }) => {
   const { login, tokens, isWaiting } = useLogin();
 
   if (!walletAddress) {
-    return <></>;
+    throw new Error("Wallet address not found");
   }
-
   const debouncedPending = useDebounce(
     isPending,
     new Map([

diff --git a/frontend/src/components/home.tsx b/frontend/src/components/home.tsx
@@ -2,14 +2,16 @@ import { useUser } from "hooks/useUser";
 import { ConnectWallet } from "./connectWallet";
 import { Allowance } from "./allowace";
 import { Register } from "./register";
+import { useAccount } from "wagmi";
 
 export function Home() {
   const { user } = useUser();
+  const { address } = useAccount();
   return (
     <div className="w-screen h-screen flex justify-center ">
       <ConnectWallet />
       <Allowance />
-      <Register />
+      {address && <Register />}
       {/* <Register />
       {/* {match(user.state)
         .with(UserState.CONNECTED, () => <RegisterButton />)

diff --git a/frontend/src/components/providers/blockchainProvider.tsx b/frontend/src/components/providers/blockchainProvider.tsx
@@ -25,10 +25,9 @@ createWeb3Modal({
   projectId: config.projectId,
   themeVariables: {
     "--w3m-font-family": "Kanit-Light",
-    "--w3m-accent": "#181EA9",
-    "--w3m-border-radius-master": "10px",
-    "--w3m-color-mix": "#181EA9",
-    "--w3m-font-size-master": "1rem",
+    "--w3m-accent": "#181ea9a6",
+    "--w3m-border-radius-master": "5px",
+    "--w3m-font-size-master": "0.9rem",
   },
 });