Upgraded next to 13. Fixed date filter for websites.

components/layout/Header.js

@@ -11,13 +11,11 @@ export default function Header() {
     <header className={styles.header}>
       <Row>
         <Column>
-          <Link href="https://umami.is" target="_blank">
-            <a className={styles.title}>
-              <Icon size="lg">
-                <Icons.Logo />
-              </Icon>
-              <Text>umami</Text>
-            </a>
+          <Link href="https://umami.is" target="_blank" className={styles.title}>
+            <Icon size="lg">
+              <Icons.Logo />
+            </Icon>
+            <Text>umami</Text>
           </Link>
         </Column>
         <Column className={styles.buttons}>

components/layout/MenuLayout.js

@@ -1,38 +0,0 @@
-import { useRouter } from 'next/router';
-import classNames from 'classnames';
-import NavMenu from 'components/common/NavMenu';
-import styles from './MenuLayout.module.css';
-
-export default function MenuLayout({
-  menu,
-  selectedOption,
-  className,
-  menuClassName,
-  contentClassName,
-  children,
-  replace = false,
-}) {
-  const router = useRouter();
-
-  function handleSelect(url) {
-    if (replace) {
-      router.replace(url, undefined, { shallow: true });
-    } else {
-      router.push(url, undefined, { shallow: true });
-    }
-  }
-
-  return (
-    <div className={classNames(styles.container, className, 'row')}>
-      <NavMenu
-        options={menu}
-        selectedOption={selectedOption}
-        className={classNames(styles.menu, menuClassName, 'col-12 col-lg-2')}
-        onSelect={handleSelect}
-      />
-      <div className={classNames(styles.content, contentClassName, 'col-12 col-lg-10')}>
-        {children}
-      </div>
-    </div>
-  );
-}

components/layout/MenuLayout.module.css

@@ -1,38 +0,0 @@
-.container {
-  display: flex;
-  flex: 1;
-  height: 100%;
-}
-
-.container .menu {
-  padding: 30px 0;
-  border: 0;
-}
-
-.container .content {
-  flex: 1;
-  position: relative;
-  border-left: 1px solid var(--base300);
-  padding-left: 30px;
-  margin-left: 30px;
-}
-
-@media only screen and (max-width: 992px) {
-  .container {
-    flex-direction: column;
-    height: auto;
-  }
-
-  .container .menu {
-    display: flex;
-    justify-content: space-around;
-    align-items: flex-start;
-  }
-
-  .container .content {
-    border-top: 1px solid var(--base300);
-    border-left: 0;
-    padding-left: 0;
-    margin-left: 0;
-  }
-}