diff --git a/frontend/dashboard/src/pages/Dashboard.tsx b/frontend/dashboard/src/pages/Dashboard.tsx
index 07dfcb8d..17af6e3d 100755
--- a/frontend/dashboard/src/pages/Dashboard.tsx
+++ b/frontend/dashboard/src/pages/Dashboard.tsx
@@ -113,6 +113,7 @@ const transaksiDataDefault = [
   const [transaksiData, setTransaksiData] = useState(transaksiDataDefault);
   const [transaksiDataBar, setTransaksiDataBar] = useState([]);
   const [type, setType] = useState(0);
+  const [typeDokter, setTypeDokter] = useState(0);
   const [status, setStatus] = useState(0);
   const [statusDokter, setStatusDokter] = useState(0);
   const [view, setView] = useState(["day", "month", "year"]);
@@ -173,7 +174,7 @@ const transaksiDataDefault = [
         params: {
           start_date: startDateDokter,
           end_date: endDateDokter,
-          type,
+          typeDokter,
           statusDokter,
           nIDDokter: selectedDoctors
         }
@@ -208,7 +209,7 @@ const transaksiDataDefault = [
   // Fetch 
   useEffect(() => {
     fetchListPerfomaDokter();
-  }, [selectedDoctors, startDateDokter, endDateDokter])
+  }, [selectedDoctors, startDateDokter, typeDokter, endDateDokter])
 
   useEffect(() => {
     fetchListDokter();
@@ -298,11 +299,11 @@ const transaksiDataDefault = [
                   <TableCell>
                     <Typography
                       sx={{
-                        color: doctor.online === 1 ? green[500] : red[500],
+                        color: doctor.online == 1 ? green[500] : red[500],
                         fontWeight: "bold",
                       }}
                     >
-                      {doctor.online === 1 ? "🟢 Online" : "🔴 Offline"}
+                      {doctor.online == 1 ? "🟢 Online" : "🔴 Offline"}
                     </Typography>
                   </TableCell>
                 </TableRow>
@@ -464,8 +465,8 @@ const transaksiDataDefault = [
               <FormControl fullWidth>
                 <InputLabel>Tipe</InputLabel>
                 <Select 
-                value={type} 
-                onChange={(e) => setType(e.target.value)}
+                value={typeDokter} 
+                onChange={(e) => setTypeDokter(e.target.value)}
                 >
                   <MenuItem value="0">Harian</MenuItem>
                   <MenuItem value="1">Mingguan</MenuItem>
@@ -482,7 +483,7 @@ const transaksiDataDefault = [
                   inputFormat="dd/MM/yyyy"
                   onChange={(value) => {
                     if (!value) return; // Hindari error jika value null atau undefined
-                    if (type == 0) {
+                    if (typeDokter == 0) {
                       setStartDateDokter(value);
                     } else {
                       setStartDateDokter(new Date(value.getFullYear(), value.getMonth(), 1));
@@ -501,7 +502,7 @@ const transaksiDataDefault = [
                 value={endDateDokter}
                 onChange={(value) => {
                   if (!value) return; // Hindari error jika value null atau undefined
-                  if (type == 0) {
+                  if (typeDokter == 0) {
                     setEndDateDokter(value);
                   } else {
                     setEndDateDokter(new Date(value.getFullYear(), value.getMonth(), 1));