Cleanup/tan

.env.example

@@ -0,0 +1,15 @@
+# Run `openssl rand -base64 32` to generate a new secret, 
+# below is what an example secret looks like
+NEXTAUTH_SECRET = FXFuxR4wxRD/fcK4FQLgfPK/HejPH4wHwYy9ow2D6sA=
+
+# The base URL of the application
+# Ex: http://localhost:3000 or http://192.168.XXX.XXX:3000 or https://example.com
+NEXTAUTH_URL = http://localhost:3000
+
+# The URL of MySQL database
+# Ex: mysql://[username]:[password]@[host]:[port]/[database_name]
+DATABASE_URL = mysql://johndoe:[email protected]:1234/LegacyQCDatabase
+
+# The default file path for building data
+# See more at: .scripts/populateBuilding/README.md
+BUILDING_DEFAULT_FILE = ./scripts/populateBuilding/data.csv

figma/Inspection Pages Design/README.md

@@ -0,0 +1,9 @@
+# Introduction
+
+Inside, you'll find detailed designs tailored for various screen sizes, including the iPhone 8, iPad Mini 8.3, and desktop. Inside each folder, you will see a PNG file labeled (1) that will contain the home view on the Inspection Page and contain a list of inspections remaining, and the PNG file labeled (2) contains the view of which inspection is to be made.
+
+The design of (1) will allow you to search inspections by team member name, building name, floor number, etc. You can also create a new inspection using drop-down menus. The design of (2) will allow you to perform inspections based on a quantitative rubric. It includes a checklist of items, which you can remove or add freely. Please note that instead of checking unacceptable items, you check off acceptable items instead. To accommodate this change, it is planned that all items will be checked at the start. During inspection, you can also add comments, upload images, and add extra points.
+
+# Notes
+
+This design had not been updated for the current design, which also contain a date picker.

pages/api/building/addDefault.ts

@@ -3,7 +3,7 @@ import prisma from "../../../lib/prisma";
 import generateBuilding, {
   BuildingData,
   RoomData,
-} from "../../../functions/generateBuilding";
+} from "../../../scripts/populateBuilding/generateBuilding";
 
 export default async function handler(
   req: NextApiRequest,

pages/members_performance.tsx

@@ -17,7 +17,7 @@ const Performance = () => {
   // Fetch members from API
   const getMembers = async () => {
     try {
-      const response = await fetch("http://localhost:3000/api/member/members", {
+      const response = await fetch("/api/member/members", {
         method: "GET",
         headers: { "Content-Type": "application/json" },
       });

scripts/populateBuilding/README.md

@@ -0,0 +1,11 @@
+# Description
+
+Add default building and room to database through API call
+
+# Instructions
+
+0. Ensure that you have the database set up and have npm run dev session on
+
+1. Add `Sq_Ft_LMP.csv` to this folder
+2. Add `BUILDING_DEFAULT_FILE = ./scripts/populateBuilding/Sq_Ft_LMP.csv` to .env file
+3. Call POST: /api/building/addDefault using Postman or similar program

src/components/adminDashboard/navbar/navbar.tsx

@@ -3,22 +3,18 @@ import {
   Avatar,
   Box,
   Button,
-  Container,
   IconButton,
   Menu,
   MenuItem,
   Typography,
   useMediaQuery,
   useTheme,
 } from "@mui/material";
-import { signOut } from "next-auth/react";
+import { signOut, useSession } from "next-auth/react";
 import Link from "next/link";
 import MenuIcon from "@mui/icons-material/Menu";
-
 import { useState, useEffect } from "react";
-import { useSession } from "next-auth/react";
-
-import { montserrat } from "../../../../pages/theme";
+import { montserrat } from "../../../theme";
 
 export default function navbar() {
   const theme = useTheme();

src/components/dashboardComponents/dashboardCardHeading.tsx

@@ -1,5 +1,5 @@
 import { Box, Typography } from "@mui/material";
-import { montserrat } from "../../../pages/theme";
+import { montserrat } from "../../theme";
 
 const dashboardCardHeading = (props: { text: string }) => {
   return (

src/components/inspections/Grid/CompletedCard/CompletedCard.tsx

@@ -11,15 +11,9 @@ import { InspectionCardProps, toCompletedInspectionCardProps } from "../props";
 import { useDispatch } from "react-redux";
 import { setInspectionSelectionData } from "../../inspectionSelectionSlice";
 import { useRouter } from "next/router";
-import { Inspection } from "../../../../../ts/types/db.interfaces";
+import { CompletedCardProps } from "./props";
 
-const CompletedCard = ({
-  card_id,
-  inspection,
-}: {
-  card_id: number;
-  inspection: Inspection;
-}) => {
+const CompletedCard = ({ card_id, inspection }: CompletedCardProps) => {
   const inspectionProps: InspectionCardProps =
     toCompletedInspectionCardProps(inspection);
   const router = useRouter();

src/components/inspections/Grid/CompletedCard/props.ts

@@ -0,0 +1,6 @@
+import { Inspection } from "../../../../../ts/types/db.interfaces";
+
+export interface CompletedCardProps {
+  card_id: number;
+  inspection: Inspection;
+}

src/components/inspections/Grid/UncompletedCard/UncompletedCard.tsx

@@ -1,8 +1,6 @@
 import {
-  Box,
   Button,
   Card,
-  CardActionArea,
   CardActions,
   CardContent,
   Typography,
@@ -15,15 +13,9 @@ import {
 import { useDispatch } from "react-redux";
 import { setInspectionSelectionData } from "../../inspectionSelectionSlice";
 import { useRouter } from "next/router";
-import { Inspection } from "../../../../../ts/types/db.interfaces";
+import { UncompletedCardProps } from "./props";
 
-const UncompletedCard = ({
-  card_id,
-  inspection,
-}: {
-  card_id: number;
-  inspection: Inspection;
-}) => {
+const UncompletedCard = ({ card_id, inspection }: UncompletedCardProps) => {
   const inspectionProps: InspectionCardProps =
     toUncompletedInspectionCardProps(inspection);
   const router = useRouter();

src/components/inspections/Grid/UncompletedCard/props.ts

@@ -0,0 +1,6 @@
+import { Inspection } from "../../../../../ts/types/db.interfaces";
+
+export interface UncompletedCardProps {
+  card_id: number;
+  inspection: Inspection;
+}