waku-org
/
metrics
mirror of https://github.com/waku-org/metrics.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

back button and login/logoff button fixes

This commit is contained in:
Kumaraguru 2023-09-07 03:45:29 +05:30
parent 2737f5cdb9
commit 0d259b11ab
3 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/CommunityMetrics.js
View File

@ -12,12 +12,15 @@ export default function CommunityMetrics(props) {
</div>
{props.setCurrent !== undefined && (
<div className={"flex row mt-2 justify-start"}>
<div className={"flex row mt-10 justify-start"}>
<button
className={"bg-gray-400 p-2 rounded"}
className={"bg-[#707071] p-2 rounded"}
onClick={() => props.setCurrent(null)}
>
Back
<svg className="w-5 h-5" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path fill="#000" d="M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z"/>
<path fill="#000" d="m237.248 512l265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312L237.248 512z"/>
</svg>
</button>
</div>
)}

30
components/Router.js
View File

@ -307,7 +307,7 @@ export default function Router() {
</ul>
</div>
<div className="sticky inset-x-0 bottom-0 border-x-4 border-[#202021] mb-1">
<div className="sticky inset-x-0 bottom-0 border-x-4 border-[#202021] mb-1 hover:text-black">
<div
onClick={() => {
session === false ? handleSignIn() : handleSignOut();
@ -469,8 +469,8 @@ export default function Router() {
onClick={() => setScreen(1)}
className={
screen === 1
? "block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
: "block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-black hover:text-white"
? "block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700 cursor-pointer"
: "block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-black hover:text-white cursor-pointer"
}
>
Community
@ -482,8 +482,8 @@ export default function Router() {
onClick={() => setScreen(2)}
className={
screen === 2
? "block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
: "block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-black hover:text-white"
? "block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700 cursor-pointer"
: "block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-black hover:text-white cursor-pointer"
}
>
Network
@ -494,8 +494,8 @@ export default function Router() {
</li>
<li>
<details className="group [&_summary::-webkit-details-marker]:hidden">
<summary className="flex cursor-pointer items-center justify-between rounded-lg px-4 py-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700">
<details className="group [&_summary::-webkit-details-marker]:hidden cursor-pointer">
<summary className="flex cursor-pointer items-center justify-between rounded-lg px-4 py-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700 cursor-pointer">
<span className="text-sm font-medium"> Growth </span>
<span className="shrink-0 transition duration-300 group-open:-rotate-180">
@ -520,8 +520,8 @@ export default function Router() {
onClick={() => setScreen(3)}
className={
screen === 3
? "block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
: "block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-black hover:text-white"
? "block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700 cursor-pointer"
: "block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-black hover:text-white cursor-pointer"
}
>
Timeline
@ -533,8 +533,8 @@ export default function Router() {
onClick={() => setScreen(4)}
className={
screen === 4
? "block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
: "block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-black hover:text-white"
? "block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700 cursor-pointer "
: "block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-black hover:text-white cursor-pointer"
}
>
Ecosystem
@ -549,8 +549,8 @@ export default function Router() {
onClick={() => setScreen(5)}
className={
screen === 5
? "block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
: "block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-black hover:text-white"
? "block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700 cursor-pointer"
: "block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-black hover:text-white cursor-pointer"
}
>
Benchmarks
@ -559,7 +559,7 @@ export default function Router() {
</ul>
</div>
<div className="sticky inset-x-0 bottom-0 border-x-4 border-[#202021] mb-1">
<div className="sticky inset-x-0 bottom-0 border-x-4 border-[#202021] mb-1 hover:text-black cursor-pointer">
<div
onClick={() => {
session === false ? handleSignIn() : handleSignOut();
@ -568,7 +568,7 @@ export default function Router() {
>
<div className="h-10 w-10 flex items-center justify-center bg-[#202021] rounded-full object-cover">
{session && session?.user?.user_metadata?.avatar_url ? (
<img src={session?.user?.user_metadata?.avatar_url} />
<img className="rounded-full" src={session?.user?.user_metadata?.avatar_url} />
) : (
<svg
width="20"

2
components/Timeline.js
View File

@ -174,7 +174,7 @@ export default function Timeline(props) {
</table>
</div>
) : (
<div>Snapshot data</div>
<div>Timeline data is empty</div>
)}
</div>
);