Hide blog in navigation

slab · Jan 9, 2024 · 61975f1 · 61975f1
1 parent 55fa0b0
commit 61975f1
Showing 1 changed file with 20 additions and 20 deletions.
diff --git a/packages/website/src/components/Default.jsx b/packages/website/src/components/Default.jsx
@@ -1,9 +1,9 @@
-import classNames from "classnames";
-import { graphql, useStaticQuery } from "gatsby";
-import { useState } from "react";
-import Helmet from "react-helmet";
-import LogoIcon from "../svg/logo.svg";
-import GitHub from "./GitHub";
+import classNames from 'classnames';
+import { graphql, useStaticQuery } from 'gatsby';
+import { useState } from 'react';
+import Helmet from 'react-helmet';
+import LogoIcon from '../svg/logo.svg';
+import GitHub from './GitHub';
 
 const Default = ({ children, pageType }) => {
   const [isNavOpen, setIsNavOpen] = useState(false);
@@ -21,10 +21,10 @@ const Default = ({ children, pageType }) => {
   return (
     <>
       <Helmet
-        bodyAttributes={{ class: classNames(pageType, "layout-default") }}
+        bodyAttributes={{ class: classNames(pageType, 'layout-default') }}
       />
       <header className={pageType || undefined}>
-        <nav className={classNames("navbar-drop", { active: isNavOpen })}>
+        <nav className={classNames('navbar-drop', { active: isNavOpen })}>
           <button
             className="navbar-close"
             onClick={() => setIsNavOpen(false)}
@@ -45,11 +45,11 @@ const Default = ({ children, pageType }) => {
                 Playground
               </a>
             </li>
-            <li className="navbar-item">
+            {/* <li className="navbar-item">
               <a className="navbar-link" href="/blog/">
                 Blog
               </a>
-            </li>
+            </li> */}
             <li className="navbar-item">
               <GitHub dark />
             </li>
@@ -58,17 +58,17 @@ const Default = ({ children, pageType }) => {
         <nav className="container">
           <ul className="navbar-list">
             <li
-              className={classNames("navbar-item", {
-                active: pageType === "docs",
+              className={classNames('navbar-item', {
+                active: pageType === 'docs',
               })}
             >
               <a className="navbar-link" href="/docs/quickstart/">
                 Documentation
               </a>
             </li>
             <li
-              className={classNames("navbar-item", {
-                active: pageType === "guides",
+              className={classNames('navbar-item', {
+                active: pageType === 'guides',
               })}
             >
               <a className="navbar-link" href="/guides/why-quill/">
@@ -81,24 +81,24 @@ const Default = ({ children, pageType }) => {
               </a>
             </li>
             <li
-              className={classNames("navbar-item", {
-                active: pageType === "playground",
+              className={classNames('navbar-item', {
+                active: pageType === 'playground',
               })}
             >
               <a className="navbar-link" href="/playground/">
                 Playground
               </a>
             </li>
-            <li
+            {/* <li
               className={classNames("navbar-item", {
                 active: pageType === "blog",
               })}
             >
               <a className="navbar-link" href="/blog/">
                 Blog
               </a>
-            </li>
-            <li className="download-item">
+            </li> */}
+            <li className="navbar-link">
               <a className="action" href="/docs/download/">
                 Download
               </a>
@@ -124,7 +124,7 @@ const Default = ({ children, pageType }) => {
             </a>
             <a href="/docs/download/" className="action">
               Download v
-              {data?.site.siteMetadata.version.split(".").slice(0, 2).join(".")}
+              {data?.site.siteMetadata.version.split('.').slice(0, 2).join('.')}
             </a>
           </div>
           <div className="users row">