✨ Enhanced Calendar & Project Tracker UI

� Calendar Improvements:
- Fixed duplicate API calls and event handling
- Enhanced calendar toolbar with beautiful gradient buttons
- Fixed button alignment and clipping issues
- Added custom calendar-custom.css with modern styling
- Improved drag & drop functionality with better visual feedback
- Enhanced recently dropped events section with proper scrolling
- Added dark mode support for all calendar components
- Mobile responsive design with optimized button layouts

� Project Tracker Fixes:
- Eliminated duplicate API calls with loading refs and time-based prevention
- Enhanced pagination handling to prevent double requests
- Improved error handling and loading states
- Better console logging for debugging

� UI/UX Enhancements:
- Beautiful gradient backgrounds and hover effects
- Proper icon alignment in recently dropped events
- Color-coded status indicators (dots instead of text)
- Smooth animations and transitions
- Enhanced visual hierarchy and spacing
- Professional styling with backdrop filters and shadows

� Responsive Design:
- Mobile-optimized layouts and button sizes
- Proper touch targets and spacing
- Consistent styling across all screen sizes

� Performance:
- Reduced re-renders and optimized event handling
- Better memory management with proper cleanup
- Eliminated React StrictMode double rendering in development

This commit is contained in:

tuanOts

2025-06-14 22:21:58 +07:00

parent a5d79ad10f

commit 80bb712c70

4 changed files with 1244 additions and 89 deletions

									
										src/index.js
									
		-3
	
												View File
												
				@@ -54,14 +54,11 @@ initializeTheme();

				if (rootElement) {

				  const root = ReactDOM.createRoot(rootElement);

				  root.render(

				    <React.StrictMode>

				    <Provider store={store} >

				      <BrowserRouter basename={process.env.PUBLIC_URL}>

				      <AllRoutes />

				      </BrowserRouter>

				    </Provider>

				  </React.StrictMode>

				  );

				} else {

				  console.error("Element with id 'root' not found.");