add tv link

web3index · Oct 1, 2021 · 8d760eb · 8d760eb · vercel · Oct 1, 2021
1 parent ab727da
commit 8d760eb
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 3 deletions.
diff --git a/components/Header/index.tsx b/components/Header/index.tsx
@@ -2,6 +2,7 @@ import Box from "../Box";
 import Revenue from "./Revenue";
 import SubmitButton from "../SubmitButton";
 import Button from "../Button";
+import Link from "next/link";
 
 const Header = ({ revenue, ...props }) => {
   return (
@@ -49,6 +50,35 @@ const Header = ({ revenue, ...props }) => {
           percentChange={revenue.thirtyDayPercentChange}
           revenue={revenue.thirtyDayTotal}
         />
+        <Link href="/tv" passHref>
+          <Button
+            as="a"
+            css={{
+              flex: "1 0 auto",
+              textAlign: "center",
+              backgroundColor: "$loContrast",
+              color: "$hiContrast",
+              border: "1px solid",
+              borderColor: "$border",
+              textDecoration: "none",
+              justifyContent: "center",
+              width: "100%",
+              mb: "$3",
+              lineHeight: 1.2,
+              ml: "$3",
+              display: "flex",
+              "@bp2": {
+                mb: 0,
+                width: "auto",
+              },
+            }}
+          >
+            <Box css={{ mr: "$2" }}>TV</Box>
+            <span role="img" aria-label="tv">
+              📺
+            </span>
+          </Button>
+        </Link>
         <Box
           css={{
             width: "100%",

diff --git a/layouts/tv.tsx b/layouts/tv.tsx
@@ -1,8 +1,7 @@
 import Box from "../components/Box";
-import Section from "../components/Section";
 import { TwitterLogoIcon, GitHubLogoIcon } from "@modulz/radix-icons";
 import Link from "next/link";
-import { ReaderIcon } from "@modulz/radix-icons";
+import { ReaderIcon, ListBulletIcon } from "@modulz/radix-icons";
 
 const DiscordIcon = ({ ...props }) => {
   return (
@@ -59,7 +58,7 @@ const Index = ({ children }) => {
           height: 84,
         }}
       >
-        <Link href="/blog" passHref>
+        <Link href="/" passHref>
           <Box
             as="a"
             css={{
@@ -70,6 +69,22 @@ const Index = ({ children }) => {
               pr: "$3",
               fontWeight: 500,
             }}
+          >
+            <ListBulletIcon />
+            <Box css={{ ml: "$2" }}>Index</Box>
+          </Box>
+        </Link>
+        <Link href="/blog" passHref>
+          <Box
+            as="a"
+            css={{
+              textDecoration: "none",
+              color: "$hiContrast",
+              display: "flex",
+              alignItems: "center",
+              px: "$2",
+              fontWeight: 500,
+            }}
           >
             <ReaderIcon />
             <Box css={{ ml: "$2" }}>Blog</Box>