diff --git a/src/assets/svg/air_dryer_A_rev.svg b/src/assets/svg/air_dryer_A_rev.svg
index e852408..fc182c9 100644
--- a/src/assets/svg/air_dryer_A_rev.svg
+++ b/src/assets/svg/air_dryer_A_rev.svg
@@ -240,8 +240,8 @@
-
-
-
-
+
+
+
+
\ No newline at end of file
diff --git a/src/assets/svg/air_dryer_B_rev.svg b/src/assets/svg/air_dryer_B_rev.svg
index 564c3fa..fa1e895 100644
--- a/src/assets/svg/air_dryer_B_rev.svg
+++ b/src/assets/svg/air_dryer_B_rev.svg
@@ -232,7 +232,7 @@
####.##
####.##
##
-
+
@@ -241,7 +241,7 @@
-
-
-
+
+
+
\ No newline at end of file
diff --git a/src/assets/svg/air_dryer_C_rev.svg b/src/assets/svg/air_dryer_C_rev.svg
index 7431663..e408209 100644
--- a/src/assets/svg/air_dryer_C_rev.svg
+++ b/src/assets/svg/air_dryer_C_rev.svg
@@ -232,7 +232,7 @@
####.##
####.##
##
-
+
@@ -241,7 +241,7 @@
-
-
-
+
+
+
\ No newline at end of file
diff --git a/src/assets/svg/overview-airdryer.svg b/src/assets/svg/overview-airdryer.svg
index 698f30b..fbc8c28 100644
--- a/src/assets/svg/overview-airdryer.svg
+++ b/src/assets/svg/overview-airdryer.svg
@@ -3,12 +3,12 @@
-
-
-
-
-
-
+
+
+
+
+
+
@@ -53,31 +53,31 @@
- AirDryer A
-
- On/Off
- H
- ####
-
-
-
- AirDryer B
-
- On/Off
- H
- ####
-
-
-
- AirDryer C
-
- On/Off
- H
- ####
-
-
-
-
+ AirDryer A
+
+ On/Off
+ H
+ ####
+
+
+
+ AirDryer B
+
+ On/Off
+ H
+ ####
+
+
+
+ AirDryer C
+
+ On/Off
+ H
+ ####
+
+
+
+
@@ -96,17 +96,17 @@
-
-
-
-
- PLC AirDryer
- IP : 192.168.0.3
-
-
- PC Station
- IP : 192.168.0.2
-
+
+
+
+
+ PLC AirDryer
+ IP : 192.168.0.3
+
+
+ PC Station
+ IP : 192.168.0.2
+
@@ -125,13 +125,13 @@
-
-
- PC Server
- IP : xxx.xxx.xx.xx
+
+
+ PC Server
+ IP : 192.168.0.99
OVERVIEW AIR DRYER
-
-
+
+
@@ -234,7 +234,7 @@
-
+
@@ -337,7 +337,7 @@
-
+
diff --git a/src/assets/svg/overview-compressor.svg b/src/assets/svg/overview-compressor.svg
index 7741e04..c042f5d 100644
--- a/src/assets/svg/overview-compressor.svg
+++ b/src/assets/svg/overview-compressor.svg
@@ -3,12 +3,12 @@
-
-
-
-
-
-
+
+
+
+
+
+
@@ -47,7 +47,7 @@
-
+
@@ -92,28 +92,28 @@
- COMPRESSOR A
-
- On/Off
- H
- ####
-
-
-
- COMPRESSOR B
-
- On/Off
- H
- ####
-
-
-
- COMPRESSOR C
-
- On/Off
- H
- ####
-
+ COMPRESSOR A
+
+ On/Off
+ H
+ ####
+
+
+
+ COMPRESSOR B
+
+ On/Off
+ H
+ ####
+
+
+
+ COMPRESSOR C
+
+ On/Off
+ H
+ ####
+
@@ -152,7 +152,7 @@
-
+
@@ -191,10 +191,10 @@
-
-
-
-
+
+
+
+
@@ -213,17 +213,17 @@
-
-
-
-
- PLC Compressor
- IP : 192.168.0.1
-
-
- PC Station
- IP : 192.168.0.2
-
+
+
+
+
+ PLC Compressor
+ IP : 192.168.0.1
+
+
+ PC Station
+ IP : 192.168.0.2
+
@@ -242,10 +242,10 @@
-
-
- PC Server
- IP : xxx.xxx.xx.xx
+
+
+ PC Server
+ IP : 192.168.0.99
OVERVIEW COMPRESSOR
-
+
\ No newline at end of file
diff --git a/src/components/Global/MqttConnection.jsx b/src/components/Global/MqttConnection.jsx
index cc401f2..7da8781 100644
--- a/src/components/Global/MqttConnection.jsx
+++ b/src/components/Global/MqttConnection.jsx
@@ -99,13 +99,19 @@ const handleBoolean = (svg, el, value) => {
const id1 = dryerIds[i - (i % 2)];
const id2 = dryerIds[i - (i % 2) + 1];
- const el1 = svg.getElementById(id1);
- const el2 = svg.getElementById(id2);
+ const els1 = svg.querySelectorAll(`#${id1}`);
+ const els2 = svg.querySelectorAll(`#${id2}`);
- if (!el1 || !el2) return;
+ if (!els1 || !els2) return;
+ // balik arah khusus untuk airdryerA
+ if (dryerIds.slice(0, 2).includes(el.id)) value = !value;
- el1.style.fill = value ? 'rgb(216,216,216)' : 'yellow';
- el2.style.fill = value ? 'yellow' : 'rgb(216,216,216)';
+ els1.forEach(el => {
+ el.style.fill = value ? 'rgb(255, 204, 63)' : 'rgb(216,216,216)';
+ });
+ els2.forEach(el => {
+ el.style.fill = value ? 'rgb(216,216,216)' : 'rgb(255, 204, 63)';
+ });
};
const handleNumber = (el, value) => {