- | {`${formatDate(
- log.logDateTime,
- )} ${formattedAmPmTime(log.logDateTime)}`} |
+
+ {`${formatDate(log.logDateTime)} ${formattedAmPmTime(log.logDateTime)}`}
+ |
Date: Thu, 29 Jan 2026 02:19:25 -0500
Subject: [PATCH 03/10] Fix LB dashboard header select styling in dark mode
---
src/components/LBDashboard/Header.jsx | 25 ++++++++++++++++++++++---
1 file changed, 22 insertions(+), 3 deletions(-)
diff --git a/src/components/LBDashboard/Header.jsx b/src/components/LBDashboard/Header.jsx
index f6cc81473a..8d1e8b5dd6 100644
--- a/src/components/LBDashboard/Header.jsx
+++ b/src/components/LBDashboard/Header.jsx
@@ -1,4 +1,4 @@
-import { connect } from 'react-redux';
+import { connect, useSelector } from 'react-redux';
import { useState } from 'react';
import Navbar from 'react-bootstrap/Navbar';
@@ -13,14 +13,33 @@ import { IoNotificationsOutline } from 'react-icons/io5';
function LBDashboardHeader(props) {
const [selectedVillage, setSelectedVillage] = useState('');
const { authUser } = props;
+ const darkMode = useSelector(state => state.theme.darkMode);
+
+ const selectorWrapperStyle = darkMode
+ ? {
+ backgroundColor: '#1c2541',
+ border: '1px solid #2f3b59',
+ }
+ : undefined;
+
+ const selectorStyle = darkMode
+ ? {
+ backgroundColor: 'transparent',
+ color: '#ffffff',
+ }
+ : undefined;
return (
{/* Left Section - Village Selector */}
-
- |