kktam

const withCSS = require("@zeit/next-css");
const cssConfig = withCSS({ 
  cssModules: true,
  webpack: config => {  
    config.module.rules.push({
      test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
      use: {
        loader: "url-loader",
        options: {
          limit: 100000,

kktam

// Full implementation of the NavBar.js, as suggested by auth0
// to use the react-auth0-wrapper.js login wrapper
// https://auth0.com/docs/quickstart/spa/react/#create-the-navbar-component
import React, { useState } from "react";
import { Link as RouterNavLink } from "next/link";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

import {
  Collapse,
  Container,

kktam

// reference from auth0 React quickstart guide
// https://auth0.com/docs/quickstart/spa/react/#install-the-auth0-react-wrapper
// src/react-auth0-wrapper.js
import React, { useState, useEffect, useContext } from "react";
import createAuth0Client from "@auth0/auth0-spa-js";

const DEFAULT_REDIRECT_CALLBACK = () =>
  window.history.replaceState({}, document.title, window.location.pathname);

export const Auth0Context = React.createContext();