Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add console link in nav #283

Merged
merged 2 commits into from
Dec 26, 2023
Merged

add console link in nav #283

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a897b33
add console link in nav
sin-bufan Dec 26, 2023
a12c73d
add console link in nav
sin-bufan Dec 26, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 50 additions & 0 deletions packages/client/scan/src/components/Nav.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,14 @@ export default function Nav() {
</div>
</div>
</Link>
<a target='_blank' href={`https://console.s3.xyz`} rel="noreferrer">
<div className={`nav-item`}>
<ConsoleIcon />
<div className="tint-c">
<div className="tint">Console</div>
</div>
</div>
</a>
</div>

<div className="nav-bottom">
Expand Down Expand Up @@ -199,6 +207,48 @@ function DappIconActive() {
)
}

function ConsoleIcon() {
return (
<svg
width='21'
height='20'
viewBox='0 0 21 20'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M17.4604 2.58124H3.53542C3.04167 2.58124 2.56458 2.81457 2.23125 3.2229C1.92083 3.59999 1.75 4.09582 1.75 4.61874V13.0833C1.75 13.6062 1.92083 14.1021 2.23125 14.4792C2.56667 14.8875 3.04167 15.1208 3.53542 15.1208H17.4604C17.9542 15.1208 18.4292 14.8875 18.7667 14.4812C19.0792 14.1042 19.25 13.6062 19.25 13.0854V4.61665C19.25 4.09374 19.0792 3.5979 18.7667 3.22082C18.4312 2.81457 17.9542 2.58124 17.4604 2.58124ZM18 13.0833C18 13.5104 17.7521 13.8687 17.4604 13.8687H3.53542C3.24583 13.8687 3 13.5083 3 13.0833V4.61665C3 4.18957 3.24583 3.82915 3.53542 3.82915H17.4604C17.7479 3.82915 18 4.1979 18 4.61665V13.0833ZM13.95 17.5812C14.2958 17.5812 14.575 17.3021 14.575 16.9562C14.575 16.6104 14.2958 16.3312 13.95 16.3312H7.05C6.70417 16.3312 6.425 16.6104 6.425 16.9562C6.425 17.3021 6.70417 17.5812 7.05 17.5812H13.95Z'
fill='#718096'
/>
<path
d='M6.16251 7.58124C5.81667 7.58124 5.53751 7.8604 5.53751 8.20624V10.7062C5.53751 11.0521 5.81667 11.3312 6.16251 11.3312C6.50834 11.3312 6.78751 11.0521 6.78751 10.7062V8.20624C6.78751 7.8604 6.50834 7.58124 6.16251 7.58124ZM11.125 5.08124C10.7792 5.08124 10.5 5.3604 10.5 5.70624V10.7083C10.5 11.0542 10.7792 11.3333 11.125 11.3333C11.4708 11.3333 11.75 11.0542 11.75 10.7083V5.70624C11.75 5.3604 11.4708 5.08124 11.125 5.08124ZM13.6438 7.58124C13.2979 7.58124 13.0188 7.8604 13.0188 8.20624V10.7062C13.0188 11.0521 13.2979 11.3312 13.6438 11.3312C13.9896 11.3312 14.2688 11.0521 14.2688 10.7062V8.20624C14.2688 7.8604 13.9896 7.58124 13.6438 7.58124ZM8.66251 6.33124C8.31667 6.33124 8.03751 6.6104 8.03751 6.95624V10.7062C8.03751 11.0521 8.31667 11.3312 8.66251 11.3312C9.00834 11.3312 9.28751 11.0521 9.28751 10.7062V6.95624C9.28751 6.6104 9.00834 6.33124 8.66251 6.33124Z'
fill='#718096'
/>
</svg>
)
}

function ConsoleIconActive() {
return (
<svg
width='21'
height='20'
viewBox='0 0 21 20'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M17.4604 2.58124H3.53542C3.04167 2.58124 2.56458 2.81457 2.23125 3.2229C1.92083 3.59999 1.75 4.09582 1.75 4.61874V13.0833C1.75 13.6062 1.92083 14.1021 2.23125 14.4792C2.56667 14.8875 3.04167 15.1208 3.53542 15.1208H17.4604C17.9542 15.1208 18.4292 14.8875 18.7667 14.4812C19.0792 14.1042 19.25 13.6062 19.25 13.0854V4.61665C19.25 4.09374 19.0792 3.5979 18.7667 3.22082C18.4312 2.81457 17.9542 2.58124 17.4604 2.58124ZM18 13.0833C18 13.5104 17.7521 13.8687 17.4604 13.8687H3.53542C3.24583 13.8687 3 13.5083 3 13.0833V4.61665C3 4.18957 3.24583 3.82915 3.53542 3.82915H17.4604C17.7479 3.82915 18 4.1979 18 4.61665V13.0833ZM13.95 17.5812C14.2958 17.5812 14.575 17.3021 14.575 16.9562C14.575 16.6104 14.2958 16.3312 13.95 16.3312H7.05C6.70417 16.3312 6.425 16.6104 6.425 16.9562C6.425 17.3021 6.70417 17.5812 7.05 17.5812H13.95Z'
fill='#718096'
/>
<path
d='M6.16251 7.58124C5.81667 7.58124 5.53751 7.8604 5.53751 8.20624V10.7062C5.53751 11.0521 5.81667 11.3312 6.16251 11.3312C6.50834 11.3312 6.78751 11.0521 6.78751 10.7062V8.20624C6.78751 7.8604 6.50834 7.58124 6.16251 7.58124ZM11.125 5.08124C10.7792 5.08124 10.5 5.3604 10.5 5.70624V10.7083C10.5 11.0542 10.7792 11.3333 11.125 11.3333C11.4708 11.3333 11.75 11.0542 11.75 10.7083V5.70624C11.75 5.3604 11.4708 5.08124 11.125 5.08124ZM13.6438 7.58124C13.2979 7.58124 13.0188 7.8604 13.0188 8.20624V10.7062C13.0188 11.0521 13.2979 11.3312 13.6438 11.3312C13.9896 11.3312 14.2688 11.0521 14.2688 10.7062V8.20624C14.2688 7.8604 13.9896 7.58124 13.6438 7.58124ZM8.66251 6.33124C8.31667 6.33124 8.03751 6.6104 8.03751 6.95624V10.7062C8.03751 11.0521 8.31667 11.3312 8.66251 11.3312C9.00834 11.3312 9.28751 11.0521 9.28751 10.7062V6.95624C9.28751 6.6104 9.00834 6.33124 8.66251 6.33124Z'
fill='#718096'
/>
</svg>
)
}

const NavContainer = styled.nav`
width: 70px;

Expand Down