🌙 Enhanced Dark Mode Detection: - Multiple fallback sources for theme detection - Redux state, localStorage, and document attribute checking - Real-time theme change detection with MutationObserver - Force re-render mechanism with themeKey state �� Theme Change Listeners: - MutationObserver for data-layout-mode attribute changes - Storage event listener for localStorage colorschema changes - Automatic re-render when theme switches - Debug logging for theme state tracking 🎯 Force Re-render Implementation: - themeKey state to trigger component updates - Key prop on pagination container for forced re-mount - Proper cleanup of event listeners and observers - Enhanced theme detection reliability 🚀 Real-time Theme Switching: - Immediate visual updates when toggling dark/light mode - No page reload required for theme changes - Consistent behavior across all theme switching methods - Proper fallback chain for theme detection 🔍 Debug Features: - Console logging for theme state debugging - Multiple source checking for theme detection - Theme change event tracking - Component re-render monitoring
Dreams POS React Template
A modern Point of Sale (POS) system built with React.js.
Features
- Modern and responsive UI
- Complete POS functionality
- Inventory management
- Sales and purchase tracking
- User management
- Reports and analytics
- Mobile-friendly design
Installation
- Clone the repository
git clone https://github.com/anhtuanbtx1/dreamspos-react.git
- Install dependencies
npm install
- Start the development server
npm start
Technologies Used
- React.js
- React Router
- Redux
- Bootstrap
- SCSS
- Axios
License
This project is licensed under the MIT License.
Description
Languages
JavaScript
85.9%
SCSS
12.8%
CSS
0.8%
TypeScript
0.5%