aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2026-01-26 17:44:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

redshift logo and wave

Browse Source
This commit is contained in:
Paul Miller
2023-04-29 23:25:12 -05:00
parent 77e8eb7f4b
commit cb348ad869
3 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/NavBar.tsx
View File

@@ -2,10 +2,11 @@ import mutiny_m from '~/assets/icons/m.svg';
import airplane from '~/assets/icons/airplane.svg';
import settings from '~/assets/icons/settings.svg';
import receive from '~/assets/icons/big-receive.svg';
import redshift from '~/assets/icons/rs.svg';
import { A } from "solid-start";
type ActiveTab = 'home' | 'scan' | 'send' | 'receive' | 'settings' | 'none';
type ActiveTab = 'home' | 'scan' | 'send' | 'receive' | 'settings' | 'redshift' | 'none';
export default function NavBar(props: { activeTab: ActiveTab }) {
const activeStyle = 'border-t-0 border-b-0 p-2 bg-black rounded-lg'
@@ -33,6 +34,11 @@ export default function NavBar(props: { activeTab: ActiveTab }) {
<img src={settings} alt="settings" />
</A>
</li>
<li class={props.activeTab === "redshift" ? activeStyle : inactiveStyle}>
<A href="/redshift">
<img src={redshift} alt="redshift" width={36} />
</A>
</li>
</ul>
</nav >
)