Merge pull request #4214 from Zacgoose/linting-1

Chore: Some House Keeping

Author: KelvinTegelaar

src/api/ApiCall.jsx

@@ -1,5 +1,4 @@
 import {
-  keepPreviousData,
   useInfiniteQuery,
   useMutation,
   useQuery,

src/components/CSVReader.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useCSVReader, lightenDarkenColor, formatFileSize } from "react-papaparse";
 
 const GREY = "#CCC";

src/components/CippCards/CippBannerListCard.jsx

@@ -204,7 +204,6 @@ CippBannerListCard.propTypes = {
       actionButton: PropTypes.element,
       propertyItems: PropTypes.array,
       table: PropTypes.object,
-      actionButton: PropTypes.element,
       isFetching: PropTypes.bool,
       children: PropTypes.node,
       cardLabelBoxActions: PropTypes.element,

src/components/CippCards/CippDomainCards.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import {
   Button,
   Collapse,
@@ -477,7 +477,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
     waiting: !!domain && enableHttps,
   });
 
-  // Adjust grid item size based on fullwidth prop
+  // Adjust Grid size based on fullwidth prop
   const gridItemSize = fullwidth ? 12 : 4;
 
   return (

src/components/CippCards/CippInfoBar.jsx

@@ -95,7 +95,7 @@ export const CippInfoBar = ({ data, isFetching }) => {
                     }}
                   >
                     <Grid container spacing={1}>
-                      <Grid item size={{ xs: 12 }}>
+                      <Grid size={{ xs: 12 }}>
                         {item?.offcanvas?.propertyItems?.length > 0 && (
                           <CippPropertyListCard
                             isFetching={isFetching}

src/components/CippCards/CippPageCard.jsx

@@ -1,7 +1,6 @@
 import { useRouter } from "next/router";
 import { Box, Container, Stack, Button, SvgIcon, Typography, Card } from "@mui/material";
 import ArrowLeftIcon from "@mui/icons-material/ArrowLeft";
-import Head from "next/head";
 import { CippHead } from "../CippComponents/CippHead";
 const CippPageCard = (props) => {
   const {

src/components/CippCards/CippRemediationCard.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Button, Typography, List, ListItem, SvgIcon } from "@mui/material";
 import CippButtonCard from "./CippButtonCard"; // Adjust the import path as needed
 import { CippApiDialog } from "../CippComponents/CippApiDialog";

src/components/CippCards/CippUniversalSearch.jsx

@@ -97,7 +97,7 @@ const Results = ({ items = [], searchValue }) => {
       </Typography>
       <Grid container spacing={2} mt={2}>
         {displayedResults.map((item, key) => (
-          <Grid item size={{ md: 4, sm: 6, xs: 12 }} key={key}>
+          <Grid size={{ md: 4, sm: 6, xs: 12 }} key={key}>
             <ResultsRow match={item} searchValue={searchValue} />
           </Grid>
         ))}

src/components/CippComponents/AppApprovalTemplateForm.jsx

@@ -1,6 +1,5 @@
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { Alert, Skeleton, Stack, Typography, Button, Box } from "@mui/material";
-import { ApiGetCall } from "/src/api/ApiCall";
 import { CippFormComponent } from "./CippFormComponent";
 import { CippApiResults } from "./CippApiResults";
 import { Grid } from "@mui/system";

src/components/CippComponents/BPASyncDialog.jsx

@@ -1,14 +1,12 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import {
   Dialog,
   DialogContent,
   DialogTitle,
   Button,
   DialogActions,
-  Alert,
-  CircularProgress,
 } from "@mui/material";
-import { CheckCircle, Error, Sync } from "@mui/icons-material";
+import { Sync } from "@mui/icons-material";
 import { useForm, FormProvider } from "react-hook-form";
 import { CippFormTenantSelector } from "./CippFormTenantSelector";
 import { ApiPostCall } from "/src/api/ApiCall";