404 - File not found!
\n )\n};\n\nexport default NotFound;\n","import css from '@emotion/css';\nimport theme from 'constants/theme';\n\nconst LetterTemplateStyles = {\n pageContainer: css`\n width: 100%;\n overflow-y: hidden;\n `,\n tableContainer: css`\n height: calc(100vh - ${theme.sizes.toolbarHeight} - 1px);\n border-left: 1px solid ${theme.colors.lightSkyBlue};\n ${theme.classes.easeInTransitionSize}\n `,\n expandedToolbar: css`\n height: calc(100vh - ${theme.sizes.toolbarHeight} - ${theme.sizes.filterToolbarHeight} - 1px);\n `,\n};\n\nexport default LetterTemplateStyles;\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport {\n Box\n} from '@material-ui/core';\nimport SharedTable from 'components/shared/table';\nimport LoadingScreen from 'components/shared/loading-screen';\nimport LTStyles from './styles';\nimport { useEffect, useState } from 'react';\n\nconst LetterTemplatesPage = (props) => {\n const { rowClicked, toolbarExpanded } = props;\n const [ loading, setLoading ] = useState(false);\n const headers = [\n {\n id: 'letterTemplate',\n numeric: false,\n disablePadding: true,\n label: 'Letter Templates'\n }\n ];\n const data = [\n {letterTemplate: 'Program Letter', lid: 1},\n {letterTemplate: 'Option 1 + Option 2 Invoice', lid: 2},\n {letterTemplate: 'Driveway Apron Invoice', lid: 3}\n ]\n\n const handleRowClick = letterTemplateId => {\n rowClicked(`/letter-templates/${letterTemplateId}`);\n };\n\n useEffect(() => {\n const fetchData = async () => {\n };\n fetchData();\n });\n\n return (\n \n \n \n { loading &&\n \n 
\n {\n invalidLogin &&\n \n Invalid Email and Password combination.\n \n }\n
\n )\n};\n\nexport default LoginPage;\n","import React, { useState, useEffect } from 'react';\nimport { Router, LocationProvider, createHistory } from '@reach/router';\nimport createHashSource from 'hash-source';\nimport HomePage from './components/home-page';\nimport Login from './components/login-page';\nimport { verifyLogin } from './services/auth.service';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nconst App = () => {\n const [verifyingLogin, setVerifyingLogin] = useState(true);\n const [isAuthenticated, setAuthenticated] = useState(false);\n\n const source = createHashSource();\n const history = createHistory(source);\n\n const checkingAuthentication = async() => {\n try {\n const bearerToken = window.localStorage.getItem('Authorization');\n const refreshToken = window.localStorage.getItem('refresh');\n const loginStatus = await verifyLogin(bearerToken, refreshToken);\n if (loginStatus) {\n setAuthenticated(true);\n }\n } catch (error) {\n console.log(error);\n } finally {\n setVerifyingLogin(false);\n }\n }\n\n const handleLogin = () => {\n setVerifyingLogin(false);\n setAuthenticated(true);\n }\n\n const handleLogout = () => {\n setVerifyingLogin(false);\n setAuthenticated(false);\n }\n\n // checkingAuthentication();\n useEffect(() => {\n const fetchData = async () => {\n await checkingAuthentication();\n };\n fetchData();\n }, []);\n\n if (isAuthenticated) {\n return (\n