update sponsor links

src/components/Navbar/index.tsx

@@ -1,67 +0,0 @@
-import React from "react";
-import Link from "next/link";
-import styled from "styled-components";
-
-const StyledNavbar = styled.div`
-  display: flex;
-  justify-content: space-between;
-  width: 80%;
-  margin: 0 auto 80px;
-
-  a:hover {
-    color: ${({ theme }) => theme.ORANGE};
-  }
-
-  @media only screen and (max-width: 768px) {
-    width: 100%;
-  }
-`;
-
-const StyledLogo = styled.div`
-  position: relative;
-  font-weight: 600;
-  font-size: 20px;
-  cursor: pointer;
-  font-weight: 600;
-  color: ${({ theme }) => theme.FULL_WHITE};
-`;
-
-const StyledNav = styled.nav`
-  display: flex;
-  justify-content: space-evenly;
-  gap: 20px;
-`;
-
-const StyledTitleWrapper = styled.span`
-  color: ${({ theme }) => theme.ORANGE};
-`;
-
-export const Navbar: React.FC = () => {
-  return (
-    <StyledNavbar>
-      <Link href="/">
-        <a>
-          <StyledLogo>
-            <StyledTitleWrapper>JSON</StyledTitleWrapper> Visio
-          </StyledLogo>
-        </a>
-      </Link>
-      <StyledNav>
-        <Link href="/editor">
-          <a>Editor</a>
-        </Link>
-        <Link href="https://github.com/AykutSarac/jsonvisio.com">
-          <a rel="me" target="_blank">
-            GitHub
-          </a>
-        </Link>
-
-        <Link href="https://www.patreon.com/aykutsarac">
-          <a rel="me" target="_blank">
-            Sponsor
-          </a>
-        </Link>
-      </StyledNav>
-    </StyledNavbar>
-  );
-};

src/components/Sidebar/index.tsx

@@ -4,7 +4,6 @@ import Link from "next/link";
 import styled from "styled-components";
 import { CanvasDirection } from "reaflow";
 import { TiFlowMerge } from "react-icons/ti";
-import { RiPatreonFill } from "react-icons/ri";
 import {
   CgArrowsMergeAltH,
   CgArrowsShrinkH,
@@ -27,6 +26,8 @@ import { ShareModal } from "src/containers/Modals/ShareModal";
 import { IoAlertCircleSharp } from "react-icons/io5";
 import useConfig from "src/hooks/store/useConfig";
 import { getNextLayout } from "src/containers/Editor/LiveEditor/helpers";
+import { FaRegHeart } from "react-icons/fa";
+import { HiHeart, HiOutlineHeart } from "react-icons/hi";
 
 const StyledSidebar = styled.div`
   display: flex;
@@ -247,9 +248,9 @@ export const Sidebar: React.FC = () => {
           </Link>
         </StyledElement>
         <StyledElement>
-          <Link href="https://www.patreon.com/aykutsarac">
-            <a aria-label="Patreon" rel="me" target="_blank">
-              <RiPatreonFill />
+          <Link href="https://github.com/sponsors/AykutSarac">
+            <a aria-label="GitHub Sponsors" rel="me" target="_blank">
+              <HiHeart />
             </a>
           </Link>
         </StyledElement>