From 5535a735b6a80c8eaf3afaed96fd6abc83d0105b Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 12 Dec 2020 22:50:01 +0200
Subject: [PATCH] add sponsor button

---
 components/layout/TopNav.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/components/layout/TopNav.tsx b/components/layout/TopNav.tsx
index 4fc6301b8..43b5eeaf5 100644
--- a/components/layout/TopNav.tsx
+++ b/components/layout/TopNav.tsx
@@ -17,6 +17,7 @@ import { DiscordIcon } from "lib/assets/icons";
 import useUser from "lib/useUser";
 import { signIn, signOut } from "next-auth/client";
 import Link from "next/link";
+import { FaHeart } from "react-icons/fa";
 import { FiMoon, FiSun } from "react-icons/fi";
 import { LanguageSelector } from "./LanguageSelector";
 
@@ -96,6 +97,16 @@ const TopNav = () => {
           isRound
         />
         <LanguageSelector />
+        <a href="https://patreon.com/sendou">
+          <Button
+            size="xs"
+            bg={colorMode === "dark" ? "white" : "black"}
+            leftIcon={<FaHeart />}
+            ml={4}
+          >
+            Sponsor
+          </Button>
+        </a>
       </Flex>
       <Box
         justifySelf="center"