Kieran/zap.stream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add discord link

Browse Source
This commit is contained in:
Kieran
2023-12-09 14:27:50 +00:00
parent 4f69b7245b
commit b085b77020
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/layout.tsx
View File

@ -2,7 +2,7 @@ import "./layout.css";
import { CSSProperties, useState, useSyncExternalStore } from "react"; import { CSSProperties, useState, useSyncExternalStore } from "react";
import * as Dialog from "@radix-ui/react-dialog"; import * as Dialog from "@radix-ui/react-dialog";
import { Outlet, useNavigate } from "react-router-dom"; import { Link, Outlet, useNavigate } from "react-router-dom";
import { Helmet } from "react-helmet"; import { Helmet } from "react-helmet";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { Menu, MenuItem } from "@szhsin/react-menu"; import { Menu, MenuItem } from "@szhsin/react-menu";
@ -135,12 +135,18 @@ export function LayoutPage() {
</Helmet> </Helmet>
<header> <header>
<div <div
className="bg-[#f1f0ff] flex items-center pointer rounded-2xl aspect-square px-1" className="bg-white flex items-center pointer rounded-2xl aspect-square px-1"
onClick={() => navigate("/")}> onClick={() => navigate("/")}>
<img src="/zap-stream.svg" width={40} /> <img src="/zap-stream.svg" width={40} />
</div> </div>
<div className="grow">{/* Future menu items go here */}</div> <div className="grow flex items-center gap-2">
</div>
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<Link to="https://discord.gg/Wtg6NVDdbT" target="_blank" className="flex items-center gap-1 bg-gray-1 hover:bg-gray-2 font-bold p-2 rounded-xl">
<Icon name="link" />
Discord
</Link>
{langSelector()} {langSelector()}
{loggedIn()} {loggedIn()}
{loggedOut()} {loggedOut()}