add static generation

src/components/Header/Header.tsx

@@ -1,16 +1,16 @@
-import React, { useState, useRef } from 'react';
-import classNames from 'classnames';
-import Branding from '../Branding/Branding';
-import Link from '../Link/Link';
-import LogoLink from '../LogoLink/LogoLink';
-import Search from '../Search/Search';
-import { radarNameShort } from '../../config';
-import { useHistory } from 'react-router-dom';
-import qs from 'query-string';
+import React, { useState, useRef } from "react";
+import classNames from "classnames";
+import Branding from "../Branding/Branding";
+import Link from "../Link/Link";
+import LogoLink from "../LogoLink/LogoLink";
+import Search from "../Search/Search";
+import { radarNameShort } from "../../config";
+import { useHistory } from "react-router-dom";
+import qs from "query-string";
 
 export default function Header({ pageName }: { pageName: string }) {
   const [searchOpen, setSearchOpen] = useState(false);
-  const [search, setSearch] = useState('');
+  const [search, setSearch] = useState("");
   const history = useHistory();
   const searchRef = useRef<HTMLInputElement>(null);
 
@@ -23,17 +23,17 @@ export default function Header({ pageName }: { pageName: string }) {
   };
 
   const handleSearchChange = (value: string) => {
-    setSearch(value)
+    setSearch(value);
   };
 
   const handleSearchSubmit = () => {
     history.push({
-      pathname: '/techradar/overview.html',
-      search: qs.stringify({search: search}),
-    })
+      pathname: "/overview.html",
+      search: qs.stringify({ search: search }),
+    });
 
     setSearchOpen(false);
-    setSearch('');
+    setSearch("");
   };
 
   const handleOpenClick = (e: React.MouseEvent<HTMLButtonElement>) => {
@@ -44,27 +44,37 @@ export default function Header({ pageName }: { pageName: string }) {
     }, 0);
   };
 
-  const smallLogo = pageName !== 'index';
+  const smallLogo = pageName !== "index";
 
   return (
     <Branding logoContent={<LogoLink small={smallLogo} />}>
-      <div className='nav'>
-        <div className='nav__item'>
-          <Link pageName='help-and-about-tech-radar' className='icon-link'>
-            <span className='icon icon--question icon-link__icon'/>How to Use {radarNameShort}?
+      <div className="nav">
+        <div className="nav__item">
+          <Link pageName="help-and-about-tech-radar" className="icon-link">
+            <span className="icon icon--question icon-link__icon" />
+            How to Use {radarNameShort}?
           </Link>
         </div>
-        <div className='nav__item'>
-          <Link pageName='overview' className='icon-link'>
-            <span className='icon icon--overview icon-link__icon'/>Technologies Overview
+        <div className="nav__item">
+          <Link pageName="overview" className="icon-link">
+            <span className="icon icon--overview icon-link__icon" />
+            Technologies Overview
           </Link>
         </div>
-        <div className='nav__item'>
-          <button className='icon-link' onClick={handleOpenClick}>
-            <span className='icon icon--search icon-link__icon'/>Search
+        <div className="nav__item">
+          <button className="icon-link" onClick={handleOpenClick}>
+            <span className="icon icon--search icon-link__icon" />
+            Search
           </button>
-          <div className={classNames('nav__search', { 'is-open': searchOpen })}>
-            <Search value={search} onClose={closeSearch} onSubmit={handleSearchSubmit} onChange={handleSearchChange} open={searchOpen} ref={searchRef} />
+          <div className={classNames("nav__search", { "is-open": searchOpen })}>
+            <Search
+              value={search}
+              onClose={closeSearch}
+              onSubmit={handleSearchSubmit}
+              onChange={handleSearchChange}
+              open={searchOpen}
+              ref={searchRef}
+            />
           </div>
         </div>
       </div>