Run lint fixes

BesLogic · Mar 23, 2024 · ada85b3 · ada85b3
1 parent 2c68b0a
commit ada85b3
Show file tree

Hide file tree

Showing 6 changed files with 2,668 additions and 2,511 deletions.
diff --git a/canopeum_frontend/.eslintrc.cjs b/canopeum_frontend/.eslintrc.cjs
@@ -6,6 +6,10 @@ module.exports = {
     'beslogic/typescript',
     'beslogic/dprint',
   ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: ['tsconfig?(.*).json'],
+  },
   ignorePatterns: [
     '.eslintrc.cjs',
     // Auto-generated
@@ -24,5 +28,6 @@ module.exports = {
     'no-autofix/no-relative-import-paths/no-relative-import-paths': 'off',
     // Using Bootraps directly without a React wrapper will cause us to have to add classes to React Components
     'react/forbid-component-props': 'off',
+    '@typescript-eslint/no-unsafe-member-access': 'warn',
   },
 }
diff --git a/canopeum_frontend/src/App.tsx b/canopeum_frontend/src/App.tsx
@@ -1,17 +1,17 @@
-import 'bootstrap/js/index.umd.js';
-import './App.scss';
+import 'bootstrap/js/index.umd.js'
+import './App.scss'
 
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import { BrowserRouter, Route, Routes } from 'react-router-dom'
 
-import AuthenticationContextProvider from './components/context/AuthenticationContext';
-import Navbar from './components/Navbar';
-import Analytics from './pages/Analytics';
-import Home from './pages/Home';
-import Login from './pages/Login';
-import Map from './pages/Map';
-import MapSite from './pages/MapSite';
-import UserManagement from './pages/UserManagement';
-import Utilities from './pages/Utilities';
+import AuthenticationContextProvider from './components/context/AuthenticationContext'
+import Navbar from './components/Navbar'
+import Analytics from './pages/Analytics'
+import Home from './pages/Home'
+import Login from './pages/Login'
+import Map from './pages/Map'
+import MapSite from './pages/MapSite'
+import UserManagement from './pages/UserManagement'
+import Utilities from './pages/Utilities'
 
 const App = () => (
   <AuthenticationContextProvider>

diff --git a/canopeum_frontend/src/components/site/SiteSummaryCard.tsx b/canopeum_frontend/src/components/site/SiteSummaryCard.tsx
@@ -3,34 +3,37 @@ import headerLogo from '@assets/images/map/MARR4059.png'
 import type { SiteSocial } from '../../services/api'
 
 type Props = {
-  readonly site: SiteSocial
+  readonly site: SiteSocial,
 }
 
 const SiteSummaryCard = ({ site }: Props) => (
   <div className='bg-white rounded-4 d-flex flex-row gap-0'>
-
     {/* TODO: replace img source when backend offers an image endpoint */}
     <img alt='header logo' height={352} src={headerLogo} width={553} />
     <div className='d-flex flex-column px-5 py-5'>
       <h1 className='fw-bold'>{site.name}</h1>
 
       <div className='d-flex flex-row gap-1'>
         <div className='text-bg-primary rounded-4 text=center h-75 px-1'>
-          <span className='material-symbols-outlined text-light align-middle'
-            style={{ width: 21, fontSize: 24, marginLeft: -2, marginRight: 2 }}>school</span>
+          <span
+            className='material-symbols-outlined text-light align-middle'
+            style={{ width: 21, fontSize: 24, marginLeft: -2, marginRight: 2 }}
+          >
+            school
+          </span>
         </div>
         <h4 className='fw-bold text-primary'>{site.type.en}</h4>
       </div>
       <p>{site.description ?? ''}</p>
-      <div className="container">
-        <div className="row row-cols-5 fw-bold">
-          <div className="col"><span className='material-symbols-outlined align-middle'>person</span>Sponsors: </div>
-          {site.sponsors.map((sponsorName) => <div className="col" key={sponsorName}>{sponsorName}</div>)}
+      <div className='container'>
+        <div className='row row-cols-5 fw-bold'>
+          <div className='col'>
+            <span className='material-symbols-outlined align-middle'>person</span>Sponsors:
+          </div>
+          {site.sponsors.map(sponsorName => <div className='col' key={sponsorName}>{sponsorName}</div>)}
         </div>
       </div>
     </div>
-
-
   </div>
 )
 export default SiteSummaryCard
diff --git a/canopeum_frontend/src/pages/MapSite.tsx b/canopeum_frontend/src/pages/MapSite.tsx
@@ -7,14 +7,14 @@ import api from '../services/apiInterface'
 
 const fetchSite = async (siteId: number, setSite: (site: SiteSocial) => void) => {
   try {
-    const site = await api().social.site(siteId);
+    const site = await api().social.site(siteId)
     setSite(site)
   } catch (error) {
     console.log(error)
   }
 }
 const MapSite = () => {
-  const { siteId } = useParams();
+  const { siteId } = useParams()
   const [site, setSite] = useState<SiteSocial>()
 
   useEffect(() => {
@@ -23,30 +23,21 @@ const MapSite = () => {
 
   return (
     <div className='container mt-2 d-flex flex-column gap-2'>
-
       {site && <SiteSummaryCard site={site} />}
 
       <div className='container px-0'>
         <div className='row'>
           <div className='col-4'>
-
             <div className='bg-white rounded-2 2 py-2'>
-
               <h1>Left</h1>
-
             </div>
           </div>
-          <div className='col-8' >
-
+          <div className='col-8'>
             <div className='bg-white rounded-2 px-3 py-2'>
-
               <h1>Right</h1>
-
             </div>
           </div>
         </div>
-
-
       </div>
     </div>
   )