tuan.cna 59dabf09b9 🔧 Fix Dark Mode Detection and Force Re-render
🌙 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
2025-05-30 15:22:24 +07:00
2025-05-25 17:15:22 +07:00
2025-05-25 17:15:22 +07:00

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

  1. Clone the repository
git clone https://github.com/anhtuanbtx1/dreamspos-react.git
  1. Install dependencies
npm install
  1. 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
No description provided
Readme 17 MiB
Languages
JavaScript 85.9%
SCSS 12.8%
CSS 0.8%
TypeScript 0.5%