Desktop Only Warning

Desktop Only Warning

Component File: src/components/shared/DesktopOnlyWarning.tsx Route: Conditional display Access Level: All users Last Updated: December 16, 2025 Status: ✅ Implemented

Overview

The Desktop Only Warning component displays a message to users accessing the application from mobile devices, informing them that certain features are optimized for desktop use.

UI Features

Warning Display

• Prominent warning message
• Icon indicating desktop preference
• Brief explanation of limitations
• Option to continue anyway

Responsive Behavior

• Only appears on screens below 768px width
• Can be dismissed by user
• Remembers dismissal for session

Implementation Status

| Feature | Status |

|---------|--------|

| Mobile detection | ✅ Complete |

| Warning UI | ✅ Complete |

| Dismiss functionality | ✅ Complete |

| Session persistence | ✅ Complete |

Related Documentation

• RESPONSIVE_DESIGN.md - Responsive design patterns

Synced from IFMmvp-Frontend documentation: pages/components/16-DESKTOP-ONLY-WARNING.md