time-convertor-ts

Convert time across timezones (typescript)
git clone http://git.hanabi.in/repos/time-convertor-ts.git
Log | Files | Refs | README | LICENSE

Header.tsx (1496B)

      1 import React from "react";
      2 import { Link } from "react-router-dom";
      3 
      4 import { basePath } from "../../utils";
      5 
      6 function Header<never>(): JSX.Element {
      7   return (
      8     <nav className="bg-danger mb-5 navbar navbar-dark navbar-expand-lg">
      9       <Link className="navbar-brand" to={`${basePath}/`}>
     10         <span aria-label="time-convertor" role="img">
     11           ⏳
     12         </span>{" "}
     13         time convertor
     14       </Link>
     15       <button
     16         aria-label="Toggle navigation"
     17         className="navbar-toggler"
     18         data-target="#collapsibleNavbar"
     19         data-toggle="collapse"
     20         type="button"
     21       >
     22         <span className="navbar-toggler-icon"></span>
     23       </button>
     24       <div className="collapse navbar-collapse" id="collapsibleNavbar">
     25         <ul className="navbar-nav">
     26           <li className="nav-item">
     27             <Link className="nav-link" to={`${basePath}/create`}>
     28               Create-events
     29             </Link>
     30           </li>
     31           <li className="nav-item">
     32             <Link className="nav-link" to={`${basePath}/help`}>
     33               Help
     34             </Link>
     35           </li>
     36           <li className="nav-item">
     37             <Link className="nav-link" to={`${basePath}/future`}>
     38               Future
     39             </Link>
     40           </li>
     41           <li className="nav-item">
     42             <Link className="nav-link" to={`${basePath}/from-to`}>
     43               From-to
     44             </Link>
     45           </li>
     46         </ul>
     47       </div>
     48     </nav>
     49   );
     50 }
     51 
     52 export default Header;