From 40beb16f6f670e891175e9639f118ecb0f6c9b36 Mon Sep 17 00:00:00 2001
From: nguyentrungthat <80239428+nguentrungthat@users.noreply.github.com>
Date: Fri, 28 Nov 2025 09:09:22 +0700
Subject: [PATCH] Update DrawerControl.tsx

---
 FRONTEND/src/components/DrawerControl.tsx | 28 +++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/FRONTEND/src/components/DrawerControl.tsx b/FRONTEND/src/components/DrawerControl.tsx
index f257296..44b10c6 100644
--- a/FRONTEND/src/components/DrawerControl.tsx
+++ b/FRONTEND/src/components/DrawerControl.tsx
@@ -1313,6 +1313,20 @@ export const DrawerSwitchControl: React.FC<DrawerProps> = ({
                                       {normalizePortName(port.name)}
                                     </Text>
                                   </Box>
+                                  <Box
+                                    style={{
+                                      display:
+                                        port.poe === "ON" ? "block" : "none",
+                                      position: "absolute",
+                                      bottom: "2px",
+                                      right: "2px",
+                                      zIndex: 10,
+                                    }}
+                                  >
+                                    <Text size="10px" fs={"italic"}>
+                                      poe
+                                    </Text>
+                                  </Box>
                                 </Card>
                               ))}
                           </Flex>
@@ -1400,6 +1414,20 @@ export const DrawerSwitchControl: React.FC<DrawerProps> = ({
                                     {normalizePortName(port.name)}
                                   </Text>
                                 </Box>
+                                <Box
+                                  style={{
+                                    display:
+                                      port.poe === "ON" ? "block" : "none",
+                                    position: "absolute",
+                                    bottom: "2px",
+                                    right: "2px",
+                                    zIndex: 10,
+                                  }}
+                                >
+                                  <Text size="10px" fs={"italic"}>
+                                    poe
+                                  </Text>
+                                </Box>
                               </Card>
                             ))}
                         </Box>