From afd801a44410f217ed352529c3f3f8ef0a60ce25 Mon Sep 17 00:00:00 2001
From: Daniel Lautzenheiser <lautzd@gmail.com>
Date: Mon, 9 Sep 2024 11:00:09 -0400
Subject: [PATCH] chore: remove sponsor link

---
 .../docs/src/components/layout/Header.tsx     | 12 --------
 .../src/components/layout/SponsorButton.tsx   | 29 -------------------
 .../layout/mobile-drawer/NavigationDrawer.tsx |  2 --
 3 files changed, 43 deletions(-)
 delete mode 100644 packages/docs/src/components/layout/SponsorButton.tsx

diff --git a/packages/docs/src/components/layout/Header.tsx b/packages/docs/src/components/layout/Header.tsx
index bee22bfb7..815f55fe5 100644
--- a/packages/docs/src/components/layout/Header.tsx
+++ b/packages/docs/src/components/layout/Header.tsx
@@ -14,7 +14,6 @@ import releases from '../../lib/releases';
 import Logo from './Logo';
 import NavigationDrawer from './mobile-drawer/NavigationDrawer';
 import Search from './search/Search';
-import SponsorButton from './SponsorButton';
 
 import type { PaletteMode } from '@mui/material';
 import type { ButtonTypeMap } from '@mui/material/Button';
@@ -213,13 +212,6 @@ const Header = ({ mode, docsGroups, searchablePages, toggleColorMode }: HeaderPr
             <IconButton href="https://github.com/StaticJsCMS/static-cms" color="inherit">
               <GitHubIcon />
             </IconButton>
-            <SponsorButton
-              sx={{
-                display: 'none',
-                marginLeft: '8px',
-                [theme.breakpoints.only('md')]: { display: 'inline-flex' },
-              }}
-            />
           </StyledIconsWrapper>
           {items.map(item => {
             let url = '#';
@@ -242,10 +234,6 @@ const Header = ({ mode, docsGroups, searchablePages, toggleColorMode }: HeaderPr
               </StyledDesktopLink>
             );
           })}
-          {/*
-            <StyledDesktopLink component={Link} href="/blog">Blog</StyledDesktopLink>
-          */}
-          <SponsorButton sx={{ [theme.breakpoints.down('lg')]: { display: 'none' } }} />
         </StyledToolbar>
       </StyledAppBar>
       <NavigationDrawer
diff --git a/packages/docs/src/components/layout/SponsorButton.tsx b/packages/docs/src/components/layout/SponsorButton.tsx
deleted file mode 100644
index 2f1323670..000000000
--- a/packages/docs/src/components/layout/SponsorButton.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import FavoriteBorderIcon from '@mui/icons-material/FavoriteBorder';
-import Button from '@mui/material/Button';
-import { useTheme } from '@mui/material/styles';
-
-import type { SxProps, Theme } from '@mui/material/styles';
-
-export interface SponsorButtonProps {
-  sx?: SxProps<Theme>;
-}
-
-const SponsorButton = ({ sx }: SponsorButtonProps) => {
-  const theme = useTheme();
-
-  return (
-    <Button
-      component="a"
-      variant="outlined"
-      color={theme.palette.mode === 'dark' ? 'secondary' : 'inherit'}
-      href="https://github.com/sponsors/StaticJsCMS"
-      title="Sponsor StaticJsCMS"
-      startIcon={<FavoriteBorderIcon />}
-      sx={sx}
-    >
-      Sponsor
-    </Button>
-  );
-};
-
-export default SponsorButton;
diff --git a/packages/docs/src/components/layout/mobile-drawer/NavigationDrawer.tsx b/packages/docs/src/components/layout/mobile-drawer/NavigationDrawer.tsx
index a76c6cc4c..3038aca76 100644
--- a/packages/docs/src/components/layout/mobile-drawer/NavigationDrawer.tsx
+++ b/packages/docs/src/components/layout/mobile-drawer/NavigationDrawer.tsx
@@ -5,7 +5,6 @@ import SwipeableDrawer from '@mui/material/SwipeableDrawer';
 import { useMemo } from 'react';
 
 import Logo from '../Logo';
-import SponsorButton from '../SponsorButton';
 import MobileNavItem from './MobileNavItem';
 
 import type { MenuItem } from '../../../interface';
@@ -50,7 +49,6 @@ const NavigationDrawer = ({ items, mobileOpen, onMobileOpenToggle }: NavigationD
         <StyledLogoWrapper key="drawer-nav-logo-wrapper">
           <Logo key="drawer-nav-logo" inMenu />
         </StyledLogoWrapper>
-        <SponsorButton sx={{ margin: '16px', marginTop: 0 }} />
         <Divider key="drawer-nav-divider" sx={{ borderColor: 'rgba(255, 255, 255, 0.8)' }} />
         <List key="drawer-nav-list" sx={{ flexGrow: 1 }}>
           {items.map(item => (