Merge branch 'v4'

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

packages/docs/src/components/layout/SponsorButton.tsx

@@ -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;

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 => (