Chore/fix lint warnings (#383)

* fix linting issues

* address remaining lint warnings

* fix type error in theme

* undo color changes

Author: nickvisut

src/backend/routers/para.ts

@@ -1,5 +1,4 @@
 import { z } from "zod";
-import { getTransporter } from "../lib/nodemailer";
 import { authenticatedProcedure, router } from "../trpc";
 import { createPara } from "../lib/db_helpers/case_manager";
 
@@ -44,7 +43,7 @@ export const para = router({
       })
     )
     .mutation(async (req) => {
-      const { first_name, last_name, email } = req.input;
+      const { email } = req.input;
 
       const para = await createPara(
         req.input,

src/components/iep/Iep.tsx

@@ -1,7 +1,6 @@
 import { trpc } from "@/client/lib/trpc";
 import Goals from "@/components/goal/Goal";
 import $button from "@/components/design_system/button/Button.module.css";
-import $input from "@/styles/Input.module.css";
 import Box from "@mui/material/Box";
 import Container from "@mui/material/Container";
 import List from "@mui/material/List";

src/components/subgoal/Subgoal.tsx

@@ -1,4 +1,3 @@
-import { trpc } from "@/client/lib/trpc";
 import { Subgoal } from "@/types/global";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";

src/components/uploadPicture/uploadImage.tsx

@@ -6,6 +6,7 @@ import CameraIcon from "@mui/icons-material/PhotoCamera";
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
 import CircularProgress from "@mui/material/CircularProgress";
 import Typography from "@mui/material/Typography";
+import Image from "next/image";
 
 interface UploadImageProps {
   label: string;
@@ -117,7 +118,7 @@ const UploadImage = ({ label, onUpload }: UploadImageProps) => {
       {currentStep === UploadStep.UploadPicture && (
         <div className={styles.uploadContainer}>
           {selectedFile && (
-            <img
+            <Image
               src={URL.createObjectURL(selectedFile)}
               className={styles.imagePreview}
               alt="preview of image"

src/components/uploadedFile/uploadedFile.tsx

@@ -4,6 +4,7 @@ import { useEffect } from "react";
 import styles from "./uploadedFile.module.css";
 import { QuestionMark } from "@mui/icons-material";
 import DeleteIcon from "@mui/icons-material/Delete";
+import Image from "next/image";
 
 interface UploadedFileProps {
   fileId: string;
@@ -23,7 +24,7 @@ export const UploadedFile = ({ fileId, onDelete }: UploadedFileProps) => {
       {data ? (
         <>
           {data.content_type.startsWith("image/") ? (
-            <img
+            <Image
               src={data.url}
               className={styles.image}
               alt={`user uploaded image: ${data.name}`}
@@ -33,7 +34,6 @@ export const UploadedFile = ({ fileId, onDelete }: UploadedFileProps) => {
               <QuestionMark />
             </div>
           )}
-
           <a
             href={data.url}
             target="_blank"

src/pages/staff/[user_id].tsx

@@ -1,7 +1,6 @@
 import { useState } from "react";
 import { trpc } from "@/client/lib/trpc";
 import { useRouter } from "next/router";
-import $home from "@/styles/Home.module.css";
 import $button from "@/components/design_system/button/Button.module.css";
 import $StaffPage from "../../styles/StaffPage.module.css";
 import $Modal from "../../styles/Modal.module.css";

src/styles/Home.module.css

@@ -1,4 +1,4 @@
-/* TODO: Once the home page is remade/restyled, remove this file from global styles (or edit as necessary) */
+/* TODO: Once the sign in page is remade/restyled, remove this file from global styles (or edit as necessary) */
 
 /* NON SESSION USER HOMEPAGE */
 .greetWrap {

src/theme.ts

@@ -1,4 +1,4 @@
-import { createTheme } from "@mui/material";
+import { createTheme, Shadows } from "@mui/material";
 
 const { breakpoints } = createTheme();
 
@@ -32,9 +32,9 @@ export const compassTheme = createTheme({
     "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)",
     "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)",
     "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)",
-    ...new Array(20).map(() => "none"),
+    ...new Array(19).map(() => "none"),
     // type requires 20+ elements
-  ] as any,
+  ] as Shadows,
   typography: {
     allVariants: {
       letterSpacing: "normal",
@@ -146,7 +146,7 @@ export const compassTheme = createTheme({
     MuiStep: {
       defaultProps: {},
       styleOverrides: {
-        root: ({ ownerState, theme }) => ({
+        root: ({ ownerState }) => ({
           padding: 0,
           marginRight: !ownerState.last ? "16px" : 0,
           "&.Mui-disabled": {
@@ -163,7 +163,7 @@ export const compassTheme = createTheme({
     },
     MuiStepLabel: {
       styleOverrides: {
-        iconContainer: ({ ownerState, theme }) => ({
+        iconContainer: ({ theme }) => ({
           position: "absolute",
           left: 0,
           height: "100%",
@@ -179,7 +179,7 @@ export const compassTheme = createTheme({
             color: theme.palette.primary.main,
           },
         }),
-        label: ({ ownerState, theme }) => ({
+        label: ({ theme }) => ({
           padding: "9px",
           paddingLeft: "32px",
           textAlign: "left",