added c# backend

frontend/src/App.tsx

@@ -2,15 +2,17 @@ import "./App.css";
 import LeftSide from "./components/LeftSide";
 import RightSide from "./components/RightSide";
 import Grid from "@mui/material/Grid2";
+import { useState } from "react";
 
 function App() {
+  const [reset, setReset] = useState(true);
   return (
     <Grid container spacing={2}>
       <Grid size={6}>
-        <LeftSide />
+        <LeftSide reset={reset} setReset={setReset} />
       </Grid>
       <Grid size={6}>
-        <RightSide />
+        <RightSide reset={reset} />
       </Grid>
     </Grid>
   );

frontend/src/components/LeftSide.tsx

@@ -9,12 +9,12 @@ import {
   Table,
 } from "@mui/material";
 
-const LeftSide = () => {
+const LeftSide = ({ reset, setReset }) => {
   // next prev and sort
   const [users, setUsers] = useState();
   const [params, setParams] = useState({ offset: 0, sortby: "f_name" });
   // reset button
-  const [reset, setReset] = useState(true);
+  // const [reset, setReset] = useState(true);
 
   // date
   const [date, setDate] = useState({ from: "2021-01-01", to: "2028-01-01" });
@@ -37,15 +37,17 @@ const LeftSide = () => {
       setReset(true);
       resetData();
     }
+
     fetchData();
   }, [reset, params, dateToSubmit]);
 
   const viewProjectHours = (user) => {
     async function fetchHours() {
-      const resp = await api.get("/getUser", {
+      const resp = await api.get("/getuser", {
         params: { userid: user },
       });
-      const entriesArray = Object.entries(resp.data);
+      // const entriesArray = Object.entries(resp.data);
+      const entriesArray = Object.entries(resp.data.Fields);
       alert(entriesArray);
     }
     fetchHours();

frontend/src/components/RightSide.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
 import api from "../utils/api";
 import { Chart } from "react-google-charts";
 
-const RightSide = () => {
+const RightSide = (reset) => {
   // graph date
   const [topten, setTopten] = useState({
     from: "2000-01-01",
@@ -10,7 +10,10 @@ const RightSide = () => {
   });
   // date input field
   const [date, setDate] = useState({ from: "2000-01-01", to: "2100-01-01" });
-  const [dateToSubmit, setDateToSubmit] = useState({});
+  const [dateToSubmit, setDateToSubmit] = useState({
+    from: "2000-01-01",
+    to: "2100-01-01",
+  });
   // radio button
   const [selectedOption, setSelectedOption] = useState("project");
 
@@ -39,7 +42,7 @@ const RightSide = () => {
       setTopten(resp.data);
     }
     fetchData();
-  }, [dateToSubmit, selectedOption]);
+  }, [dateToSubmit, selectedOption, reset]);
 
   // Chart options
   const options = {