Merge pull request #193 from stephb9959/main

[WIFI-13247] Fixed revision select in dark mode
Telecominfraproject · Dec 20, 2023 · c5fb6e3 · c5fb6e3
2 parents 70e7ec4 + 664ef73
commit c5fb6e3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wlan-cloud-owprov-ui",
-  "version": "3.0.0(4)",
+  "version": "3.0.0(5)",
   "description": "",
   "main": "index.tsx",
   "scripts": {

diff --git a/src/pages/VenuePage/VenueFirmwareUpgradeModal.tsx b/src/pages/VenuePage/VenueFirmwareUpgradeModal.tsx
@@ -15,6 +15,7 @@ import {
   Tabs,
   Text,
   UnorderedList,
+  useColorModeValue,
 } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import FormattedDate from 'components/FormattedDate';
@@ -52,9 +53,12 @@ const VenueFirmwareUpgradeModal = ({ isOpen, onClose, venueId }: Props) => {
     }
   };
 
+  const inactiveBg = useColorModeValue('white', 'gray.700');
+  const activeBg = useColorModeValue('gray.200', 'gray.600');
+
   const listItemStyle = (revision: string) => ({
     cursor: 'pointer',
-    backgroundColor: revision === selectedRevision ? 'gray.200' : 'white',
+    backgroundColor: revision === selectedRevision ? activeBg : inactiveBg,
   });
 
   const displayRevision = (release: { date: number; revision: string }) => (