LumeWeb
/
web3browser.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: add disclaimer

This commit is contained in:
Juan Di Toro 2023-11-12 20:52:31 +01:00
parent 4acdbd4e4c
commit 673b7553e0
3 changed files with 32 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/App.tsx
View File

@ -41,8 +41,15 @@ const App: React.FC = () => {
<div className="py-4 -mb-4 flex flex-row gap-x-3"> <div className="py-4 -mb-4 flex flex-row gap-x-3">
{ethStatus?.syncState === "syncing" ? ( {ethStatus?.syncState === "syncing" ? (
<span className="flex items-center gap-x-2 rounded-full bg-neutral-800 text-white p-1 px-4 bg"> <span className="flex items-center gap-x-2 rounded-full bg-neutral-800 text-white p-1 px-4 bg">
<CircleProgressBar radius={5} strokeWidth={3} percentage={Math.floor(ethStatus.sync)} /> <CircleProgressBar
<span className="font-bold font-mono text-orange-400 mr-2">{ethStatus.sync.toFixed(1)}%</span> Syncing Ethereum Network radius={5}
strokeWidth={3}
percentage={Math.floor(ethStatus.sync)}
/>
<span className="font-bold font-mono text-orange-400 mr-2">
{ethStatus.sync.toFixed(1)}%
</span>{" "}
Syncing Ethereum Network
</span> </span>
) : ethStatus?.syncState === "done" ? ( ) : ethStatus?.syncState === "done" ? (
<span className="flex items-center gap-x-2 rounded-full bg-neutral-800 text-white p-1 px-4 bg"> <span className="flex items-center gap-x-2 rounded-full bg-neutral-800 text-white p-1 px-4 bg">
@ -132,8 +139,10 @@ const Root = () => {
<LumeStatusProvider> <LumeStatusProvider>
<NetworksProvider> <NetworksProvider>
<AuthProvider> <AuthProvider>
<App /> <main className="bg-neutral-950 w-full min-h-screen h-full pt-2 pb-5">
<Browser /> <App />
<Browser />
</main>
</AuthProvider> </AuthProvider>
</NetworksProvider> </NetworksProvider>
</LumeStatusProvider> </LumeStatusProvider>

21
src/components/StartPage.tsx
View File

@ -8,7 +8,7 @@ type Props = {
const AVAILABLE_PAGES = [ const AVAILABLE_PAGES = [
"blockranger.eth", "blockranger.eth",
"esteroids.eth", "esteroids.eth",
"ens.eth", // "ens.eth",
"sogola.eth", "sogola.eth",
"vitalik.eth", "vitalik.eth",
]; ];
@ -17,7 +17,7 @@ const StartPage = ({ setUrl }: Props) => {
const { ready, inited } = useLumeStatus(); const { ready, inited } = useLumeStatus();
const { isLoggedIn } = useAuth(); const { isLoggedIn } = useAuth();
return ( return (
<div className="mx-4 relative border rounded-md mt-2 border-neutral-800 p-10 w-[calc(100%-32px)] bg-neutral-900 flex flex-col"> <div className="mx-4 relative border rounded-md mt-2 border-neutral-800 p-10 pb-5 w-[calc(100%-32px)] bg-neutral-900 flex flex-col">
<h2 className="font-bold text-2xl text-white"> <h2 className="font-bold text-2xl text-white">
Welcome to the Lume Browser Welcome to the Lume Browser
</h2> </h2>
@ -28,7 +28,7 @@ const StartPage = ({ setUrl }: Props) => {
</p> </p>
<p className="text-gray-400 my-4"> <p className="text-gray-400 my-4">
For further documentation, see:{" "} For further documentation, see:{" "}
<a href="https://docs.lumeweb.com/browser-webapp"> <a href="https://docs.lumeweb.com/browser-webapp" className="underline text-white">
https://docs.lumeweb.com/browser-webapp https://docs.lumeweb.com/browser-webapp
</a> </a>
</p> </p>
@ -37,6 +37,21 @@ const StartPage = ({ setUrl }: Props) => {
{inited && ready ? ( {inited && ready ? (
<div> <div>
<hr className="my-3 border-neutral-700" /> <hr className="my-3 border-neutral-700" />
<div
className="bg-yellow-800/40 rounded-md border border-yellow-500 text-yellow-500 p-4"
role="alert"
>
<p className="font-bold">Disclaimer</p>
<p>
The sites listed below are the ones we currently support. We're a
small team working hard to make this technology possible. We don't
endorse any ideological views. Our focus is on building for a free
web. The listed sites are examples of what our technology can do
today. Please note that we are not hosting or serving any content
ourselves and have no control over the content as it's
decentralized.
</p>
</div>
<h3 className="text-white text-lg font-bold mt-4"> <h3 className="text-white text-lg font-bold mt-4">
Currently Accessible Websites: Currently Accessible Websites:
</h3> </h3>

4
src/pages/index.astro
View File

@ -12,9 +12,7 @@ import "@/styles/globals.scss";
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>Web3 Browser - Powered By Lume Web</title> <title>Web3 Browser - Powered By Lume Web</title>
</head> </head>
<body> <body class="min-h-screen p-0 m-0">
<main class="bg-neutral-950 w-full">
<App client:only="react" /> <App client:only="react" />
</main>
</body> </body>
</html> </html>