changing pld table color

src/components/graph/graphCard/ChartCard.tsx

@@ -11,7 +11,7 @@ interface ChartCardInterface {
   children?: React.ReactNode
 }
 
-export default function ChartCard({ title, subtitle, consumption, className, children }: ChartCardInterface) {
+export default function GraphCard({ title, subtitle, consumption, className, children }: ChartCardInterface) {
   return (
     <ChartCardView className={className} >
       <div className='content' >

src/components/graph/grossAnualChart/GrossAnualChartView.ts

@@ -3,10 +3,6 @@ import styled from "styled-components"
 export const GrossAnualChartView = styled.div`
   width: 90%;
 
-  div{
-    /* margin-top: 10px; */
-  }
-
   @media (max-width: 900px) {
     min-width: 20rem
   }

src/pages/areaTest.tsx

@@ -1,48 +0,0 @@
-import Box from '@mui/material/Box';
-import FilledInput from '@mui/material/FilledInput';
-import FormControl from '@mui/material/FormControl';
-import FormHelperText from '@mui/material/FormHelperText';
-import IconButton from '@mui/material/IconButton';
-import Input from '@mui/material/Input';
-import InputAdornment from '@mui/material/InputAdornment';
-import InputLabel from '@mui/material/InputLabel';
-import OutlinedInput from '@mui/material/OutlinedInput';
-import TextField from '@mui/material/TextField';
-import Image from 'next/image'
-import React from 'react'
-
-import BasicButton from '../components/buttons/basicButton/BasicButton'
-import GradientButton from '../components/buttons/gradientButton/GradientButton'
-import Graph from '../components/graph/Chart'
-import LineChart from '../components/graph/LineChart'
-
-// import Footer from '../components/footer/footer'
-
-export default function areaTest() {
-  const [values, setValues] = React.useState({
-    amount: '',
-    password: '',
-    weight: '',
-    weightRange: '',
-    showPassword: false,
-  });
-  const handleChange =
-    (prop) => (event: React.ChangeEvent<HTMLInputElement>) => {
-      setValues({ ...values, [prop]: event.target.value });
-    };
-  const handleClickShowPassword = () => {
-    setValues({
-      ...values,
-      showPassword: !values.showPassword,
-    });
-  };
-  const handleMouseDownPassword = (event: React.MouseEvent<HTMLButtonElement>) => {
-    event.preventDefault();
-  };
-
-  return (
-    <>
-      {/* <Footer /> */}
-    </>
-  )
-}

src/pages/pld/index.tsx

@@ -71,7 +71,6 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
 
   const handleChangeDate = (newValue: Date | null) => {
     setDate(newValue)
-
   };
 
   function getDataByDay() {

src/styles/layouts/pld/PldView.ts

@@ -9,7 +9,7 @@ export const PldTableMinMaxView = styled.div`
   border-style:solid;
   border-width: 1px;
 
-  background-color: #EFEFEF;
+  background-color: #FFFFFF;
 
   margin-top: 15px;
 
@@ -218,7 +218,7 @@ export const PldTableView = styled.div<{display?: boolean}>`
   border-style:solid;
   border-width: 1px;
 
-  background-color: #EFEFEF;
+  background-color: #FFFFFF;
 
   margin-top: 38px;