From eb8acd263eef09efc80a0dded1520a69ca182139 Mon Sep 17 00:00:00 2001
From: Lu Jincheng <ljc20000118@hotmail.com>
Date: Fri, 28 Nov 2025 13:29:37 +0800
Subject: [PATCH] added logo

---
 .../Metamask/DiscoverWalletProviders.tsx      | 150 +++++++++++++-----
 app/Components/Metamask/NewDiscover.tsx       | 126 ---------------
 app/Components/ServerList.tsx                 |  13 +-
 app/routes/home.tsx                           |   4 +-
 app/routes/wallets.tsx                        |   4 +-
 public/favicon.ico                            | Bin 15086 -> 4286 bytes
 6 files changed, 122 insertions(+), 175 deletions(-)
 delete mode 100644 app/Components/Metamask/NewDiscover.tsx

diff --git a/app/Components/Metamask/DiscoverWalletProviders.tsx b/app/Components/Metamask/DiscoverWalletProviders.tsx
index df776e6..b65052c 100644
--- a/app/Components/Metamask/DiscoverWalletProviders.tsx
+++ b/app/Components/Metamask/DiscoverWalletProviders.tsx
@@ -1,50 +1,126 @@
-import { useState, type SetStateAction } from 'react';
-import { useSyncProviders } from './useSyncProviders';
-import useAuth from '~/hooks/useAuth';
-// code from https://metamask.io/news/how-to-implement-eip-6963-support-in-your-web3-dapp
+// ...existing code...
+import React, { useState } from "react";
+import { useSyncProviders } from "./useSyncProviders";
+import useAuth from "~/hooks/useAuth";
+import type { EIP6963ProviderDetail } from "./EthereumProviderTypes";
+import {
+  Box,
+  Grid,
+  Card,
+  CardContent,
+  Avatar,
+  Typography,
+  Button,
+  Stack,
+  CircularProgress,
+  Alert,
+} from "@mui/material";
 
-import type {
-  EIP6963ProviderDetail
-} from "./EthereumProviderTypes";
+const shortAddress = (addr: string) =>
+  addr.length > 12 ? `${addr.slice(0, 6)}...${addr.slice(-6)}` : addr;
 
-export const DiscoverWalletProviders = () => {
+export const DiscoverWalletProviders: React.FC = () => {
   const providers = useSyncProviders();
   const { auth, setAuth } = useAuth();
+  const [loadingUuid, setLoadingUuid] = useState<string | null>(null);
+  const [error, setError] = useState<string | null>(null);
 
   const handleConnect = async (providerWithInfo: EIP6963ProviderDetail) => {
-    const accounts = await providerWithInfo.provider.request({ method: 'eth_requestAccounts' }).catch(console.error);
+    setError(null);
+    setLoadingUuid(providerWithInfo.info.uuid);
+    try {
+      const accounts = await providerWithInfo.provider.request({
+        method: "eth_requestAccounts",
+      });
 
-    if (Array.isArray(accounts) && accounts.length > 0 && accounts[0]) {
-      setAuth({providerWithInfo: providerWithInfo, accounts: accounts});
+      if (Array.isArray(accounts) && accounts.length > 0 && typeof accounts[0] === "string") {
+        setAuth({ providerWithInfo, accounts });
+      } else {
+        setError("No accounts returned from wallet.");
+      }
+    } catch (err: any) {
+      console.error(err);
+      setError(err?.message ?? String(err));
+    } finally {
+      setLoadingUuid(null);
     }
   };
 
   return (
-    <>
-      <h2>Wallets Detected:</h2>
-      <div>
-        {providers.length > 0 ? (
-          providers.map((provider) => {
-            return (
-              <button key={provider.info.uuid} onClick={() => handleConnect(provider)}>
-                <img src={provider.info.icon} alt={provider.info.name} />
-                <div>{provider.info.name}</div>
-              </button>
-            );
-          })
-        ) : (
-          <div>There are no announced providers.</div>
-        )}
-      </div>
-      <hr />
-      <h2>{auth.accounts.length > 0 ? 'Wallet Selected' : 'No Wallet Selected'}</h2>
-      {auth.accounts.length > 0 && (
-        <div>
-          <img src={auth.providerWithInfo!.info.icon} alt={auth.providerWithInfo!.info.name} />
-          <div>{auth.providerWithInfo!.info.name}</div>
-          <div>({auth.accounts[0]})</div>
-        </div>
+    <Box>
+      <Typography variant="h6" gutterBottom>
+        Wallets Detected
+      </Typography>
+
+      {error && (
+        <Alert severity="error" sx={{ mb: 2 }}>
+          {error}
+        </Alert>
       )}
-    </>
+
+      {providers.length === 0 ? (
+        <Alert severity="info">There are no announced providers.</Alert>
+      ) : (
+        <Grid container spacing={2}>
+          {providers.map((p) => (
+            <Grid size={{ xs: 12, sm: 6, md: 4 }} key={p.info.uuid}>
+              <Card variant="outlined">
+                <CardContent>
+                  <Stack direction="row" spacing={2} alignItems="center">
+                    <Avatar src={p.info.icon} alt={p.info.name} />
+                    <Box sx={{ flex: 1 }}>
+                      <Typography variant="subtitle1">{p.info.name}</Typography>
+                    </Box>
+                    <Box>
+                      <Button
+                        variant="contained"
+                        onClick={() => handleConnect(p)}
+                        disabled={!!loadingUuid}
+                        startIcon={loadingUuid === p.info.uuid ? <CircularProgress size={18} /> : null}
+                        aria-label={`Connect to ${p.info.name}`}
+                      >
+                        {loadingUuid === p.info.uuid ? "Connecting" : "Connect"}
+                      </Button>
+                    </Box>
+                  </Stack>
+                </CardContent>
+              </Card>
+            </Grid>
+          ))}
+        </Grid>
+      )}
+
+      <Box sx={{ mt: 3 }}>
+        <Typography variant="h6" gutterBottom>
+          {auth?.accounts?.length > 0 ? "Wallet Selected" : "No Wallet Selected"}
+        </Typography>
+
+        {auth?.accounts?.length > 0 && auth.providerWithInfo && (
+          <Card variant="outlined">
+            <CardContent>
+              <Stack direction="row" spacing={2} alignItems="center">
+                <Avatar src={auth.providerWithInfo.info.icon} alt={auth.providerWithInfo.info.name} />
+                <Box sx={{ flex: 1 }}>
+                  <Typography variant="subtitle1">{auth.providerWithInfo.info.name}</Typography>
+                  <Typography variant="body2" color="text.secondary">
+                    {shortAddress(auth.accounts[0])}
+                  </Typography>
+                </Box>
+                <Button
+                  variant="outlined"
+                  onClick={() => setAuth({ providerWithInfo: { ...auth.providerWithInfo }, accounts: [] })}
+                  aria-label="Disconnect wallet"
+                >
+                  Disconnect
+                </Button>
+              </Stack>
+            </CardContent>
+          </Card>
+        )}
+      </Box>
+    </Box>
   );
-};
\ No newline at end of file
+};
+
+export default DiscoverWalletProviders;
+// ...existing code...
\ No newline at end of file
diff --git a/app/Components/Metamask/NewDiscover.tsx b/app/Components/Metamask/NewDiscover.tsx
deleted file mode 100644
index b65052c..0000000
--- a/app/Components/Metamask/NewDiscover.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-// ...existing code...
-import React, { useState } from "react";
-import { useSyncProviders } from "./useSyncProviders";
-import useAuth from "~/hooks/useAuth";
-import type { EIP6963ProviderDetail } from "./EthereumProviderTypes";
-import {
-  Box,
-  Grid,
-  Card,
-  CardContent,
-  Avatar,
-  Typography,
-  Button,
-  Stack,
-  CircularProgress,
-  Alert,
-} from "@mui/material";
-
-const shortAddress = (addr: string) =>
-  addr.length > 12 ? `${addr.slice(0, 6)}...${addr.slice(-6)}` : addr;
-
-export const DiscoverWalletProviders: React.FC = () => {
-  const providers = useSyncProviders();
-  const { auth, setAuth } = useAuth();
-  const [loadingUuid, setLoadingUuid] = useState<string | null>(null);
-  const [error, setError] = useState<string | null>(null);
-
-  const handleConnect = async (providerWithInfo: EIP6963ProviderDetail) => {
-    setError(null);
-    setLoadingUuid(providerWithInfo.info.uuid);
-    try {
-      const accounts = await providerWithInfo.provider.request({
-        method: "eth_requestAccounts",
-      });
-
-      if (Array.isArray(accounts) && accounts.length > 0 && typeof accounts[0] === "string") {
-        setAuth({ providerWithInfo, accounts });
-      } else {
-        setError("No accounts returned from wallet.");
-      }
-    } catch (err: any) {
-      console.error(err);
-      setError(err?.message ?? String(err));
-    } finally {
-      setLoadingUuid(null);
-    }
-  };
-
-  return (
-    <Box>
-      <Typography variant="h6" gutterBottom>
-        Wallets Detected
-      </Typography>
-
-      {error && (
-        <Alert severity="error" sx={{ mb: 2 }}>
-          {error}
-        </Alert>
-      )}
-
-      {providers.length === 0 ? (
-        <Alert severity="info">There are no announced providers.</Alert>
-      ) : (
-        <Grid container spacing={2}>
-          {providers.map((p) => (
-            <Grid size={{ xs: 12, sm: 6, md: 4 }} key={p.info.uuid}>
-              <Card variant="outlined">
-                <CardContent>
-                  <Stack direction="row" spacing={2} alignItems="center">
-                    <Avatar src={p.info.icon} alt={p.info.name} />
-                    <Box sx={{ flex: 1 }}>
-                      <Typography variant="subtitle1">{p.info.name}</Typography>
-                    </Box>
-                    <Box>
-                      <Button
-                        variant="contained"
-                        onClick={() => handleConnect(p)}
-                        disabled={!!loadingUuid}
-                        startIcon={loadingUuid === p.info.uuid ? <CircularProgress size={18} /> : null}
-                        aria-label={`Connect to ${p.info.name}`}
-                      >
-                        {loadingUuid === p.info.uuid ? "Connecting" : "Connect"}
-                      </Button>
-                    </Box>
-                  </Stack>
-                </CardContent>
-              </Card>
-            </Grid>
-          ))}
-        </Grid>
-      )}
-
-      <Box sx={{ mt: 3 }}>
-        <Typography variant="h6" gutterBottom>
-          {auth?.accounts?.length > 0 ? "Wallet Selected" : "No Wallet Selected"}
-        </Typography>
-
-        {auth?.accounts?.length > 0 && auth.providerWithInfo && (
-          <Card variant="outlined">
-            <CardContent>
-              <Stack direction="row" spacing={2} alignItems="center">
-                <Avatar src={auth.providerWithInfo.info.icon} alt={auth.providerWithInfo.info.name} />
-                <Box sx={{ flex: 1 }}>
-                  <Typography variant="subtitle1">{auth.providerWithInfo.info.name}</Typography>
-                  <Typography variant="body2" color="text.secondary">
-                    {shortAddress(auth.accounts[0])}
-                  </Typography>
-                </Box>
-                <Button
-                  variant="outlined"
-                  onClick={() => setAuth({ providerWithInfo: { ...auth.providerWithInfo }, accounts: [] })}
-                  aria-label="Disconnect wallet"
-                >
-                  Disconnect
-                </Button>
-              </Stack>
-            </CardContent>
-          </Card>
-        )}
-      </Box>
-    </Box>
-  );
-};
-
-export default DiscoverWalletProviders;
-// ...existing code...
\ No newline at end of file
diff --git a/app/Components/ServerList.tsx b/app/Components/ServerList.tsx
index b85241a..6b20ba6 100644
--- a/app/Components/ServerList.tsx
+++ b/app/Components/ServerList.tsx
@@ -36,7 +36,6 @@ function NodeItem({node}: {node: Node}) {
     }
 
     const disconnect = ({ip}: {ip: string}) => {
-        // TODO check code
         setRatingOpen(true);
     }
 
@@ -51,12 +50,12 @@ function NodeItem({node}: {node: Node}) {
         }
         setSubmittingRating(true);
         try {
-            // await axios.post('http://' + node.ip + ":8080/rate", {
-            //     rating: ratingValue,
-            // }, {
-            //     headers: { "Content-Type": "application/json" }
-            // });
-            // console.log('Rating submitted');
+            await axios.post('http://' + node.ip + ":8080/rate", {
+                rating: ratingValue,
+            }, {
+                headers: { "Content-Type": "application/json" }
+            });
+            console.log('Rating submitted');
         } catch (err) {
             console.error('Failed to submit rating', err);
         } finally {
diff --git a/app/routes/home.tsx b/app/routes/home.tsx
index 53bcd66..cdc11b6 100644
--- a/app/routes/home.tsx
+++ b/app/routes/home.tsx
@@ -3,8 +3,8 @@ import type { Route } from "./+types/home";
 
 export function meta({}: Route.MetaArgs) {
   return [
-    { title: "New React Router App" },
-    { name: "description", content: "Welcome to React Router!" },
+    { title: "CLEARNET" },
+    { name: "description", content: "Welcome to CLEARNET!" },
   ];
 }
 
diff --git a/app/routes/wallets.tsx b/app/routes/wallets.tsx
index 5a7ec66..d67ab79 100644
--- a/app/routes/wallets.tsx
+++ b/app/routes/wallets.tsx
@@ -1,10 +1,8 @@
 import { DiscoverWalletProviders } from "~/Components/Metamask/DiscoverWalletProviders";
-import NewDiscover from "~/Components/Metamask/NewDiscover";
 
 
 export default function Wallets() {
   return(
-    // <DiscoverWalletProviders />
-    <NewDiscover />
+    <DiscoverWalletProviders />
   );
 }
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
index 5dbdfcddcb14182535f6d32d1c900681321b1aa3..2cff3457201aecc60af1d231153290b9341ae032 100644
GIT binary patch
literal 4286
zcmeHLOK%%h6du-W5DV5__CK&eELZ^xD!~GYifuuv0MSJ^sHkk9Ev<@G11)V@l31iT
zPH-SioR?j{;zt}m65A8M;`iI0iD&FM_Q#oV2Tel}u~i5{y`$rM=gzt3JM-Oh&K;Ry
zo}=r;2}b&5bT2T>OAN!DB%vwh6%uJ)ZuIQM=La&FV3>Zt4@r)r9Vhm2yzev2{{aK4
zT<Q0E==W5)qZ<AbZ+bXSpOim`b^gweqw7<hpsSiqLfqqU(A~$1W(=zu9gVvXcmdUP
zL)MY>o?4UZ(*e320bDtQVl0eGDhcnj5jWpHgIlN0V?%F6B~eC+t)QM0(Gk1o(Y~m*
zYGij5ez;l&*=-w2gui3Ak+@*LI}OL!JYu$Ok`xMT194X!je;QKDQiaqA8^=im5{Vw
zN5b_ZcKu5zL^siDHVMa#e1tF~Ny3hy)ew*kHW0Np;4n5}(h1<3-2wCn+tKeG$ZHG1
zNjS7G!=`-;>5v7DQW~Z!7vUJ6z|==qFm+Z7+Z{K4{oIObrVVzT!}Sk1TzsF$`chlA
z@yOIrG$`EFi$VDHXAoJ@$oy~Uzk~VKRiuL<Bt2V5x?{-rGg!Ljhvg1&;pVYC$zl9U
z4!ML#m{J^!Kme`eDp7E?IK`F|ncyPDUkdlnz5(yd1j6PuL@gdfR-@QnPQy8|1MNF*
z)N&ncIa)}B+Nk8)C}kxMhQ%M~r+woT%XRE}eumI2!>m0=JQ%=N%3!T#B%Dzs*S8Q}
zD}pNt*qF`2@I{7v?!vnwP);7evA8$DAJzq0)fQ^tYbm5R=D=68Sl3-f@VB4P5n6ER
zXW*PP!gkjUr!Gu>?!z^e#sf_r^<o!(tB6{$gBJHF2Fc#AtrW9Uz40R#G-KCi0$0sp
z?DT8!%^6ULC9$NLgz0M=iqQ(Z`V_9d?xOhIN65YhcC(F4OaL1g#K5rF5?y>XMLG8X
z%U``mHRc<nd{%@OX0dwXh8%mrc@IMKAtctbSiBs9&zMKdvxkLyJhbO|gq%Fe`3_kc
zo_r<$Vh^Wa_~cd0efBO=n>Na^1Qsr7;JEh-W<DLq^vCyMyB&b>f)C}Sh$vxR`;fzh
z)0BV9qvxN(SEt>=j&&BS&4{?ijO<nbBG*F95kMiFM=_E|oZesLMC@)hux)L^YvSRi
z-0!ppHAJyBO0VQ@y_iMH@1@$G0{hSf))Ih4Yl7ulD_C;^ku^FS;ye=GChC9G-%$_`
zt&wU+zlZ&{NOe7raw17No`=t1#rJPsBDo2l-j5ocedTyVK7aPbgQs%#9P&iIEwDRO
z>zj1GQEvaR3de0LjeBzaFR*o4XP9VH_<a)ApXQEGM~|TLnAxH5X{B0U`u0+Pe+`Q*
yIij}rm}Adw{uKs}lYa^Ozksj!pzhVaDPwgnZH`+1@V%n@SDUCjSN;b$uKstVDR8m?

literal 15086
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