From 8d9afa00ce6ce61196a3f9f8b3b9bc1448ccb26c Mon Sep 17 00:00:00 2001
From: Clumsy-Coder <19594044+Clumsy-Coder@users.noreply.github.com>
Date: Sat, 20 Aug 2022 14:21:10 -0600
Subject: [PATCH] feat(component): render 'AppBar' in the app

  ## what
  - render AppBar

  ## how

  ## why

  ## where

  ## usage

  ## TODO
  - offset the main content to the right by the drawer width when
    rendering permanent drawer
---
 src/pages/_app.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index bd1a5a6b..81526372 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -4,6 +4,7 @@ import { ThemeProvider } from '@mui/material/styles';
 import type { AppProps } from 'next/app';
 import Head from 'next/head';
 
+import AppBar from '@components/AppBar';
 import darkTheme from '@utils/darkTheme';
 import createEmotionCache from '@utils/emotionCache';
 
@@ -28,6 +29,7 @@ const App = ({ Component, pageProps, emotionCache = clientSideEmotionCache }: My
     </Head>
     <ThemeProvider theme={darkTheme}>
       <CssBaseline />
+      <AppBar />
       <Component {...pageProps} />
     </ThemeProvider>
   </CacheProvider>