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> </div>
{props.setCurrent !== undefined && ( {props.setCurrent !== undefined && (
<div className={"flex row mt-2 justify-start"}> <div className={"flex row mt-10 justify-start"}>
<button <button
className={"bg-gray-400 p-2 rounded"} className={"bg-[#707071] p-2 rounded"}
onClick={() => props.setCurrent(null)} 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> </button>
</div> </div>
)} )}

30
components/Router.js
View File

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

2
components/Timeline.js
View File

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