Description: Currently, the application includes logic to guide users to install the PWA. Once installed and running in standalone mode, the UI displays a banner/card stating "App Installed - You're using the installed app."
The Suggestion: I propose removing this banner entirely when the app is detecting that it is already installed and running.
Reasoning:
Redundancy: If the user is viewing the app in standalone mode, they are already aware the app is installed.
Screen Real Estate: The "App Installed" card takes up vertical space that could be better used for the actual content (Podium Levels, Challenges, etc.).
Cleaner UI: Removing the card reduces visual clutter for active users.
Acceptance Criteria:
When the user visits via the browser: Show the "Install App" instructions (current behavior).
When the user visits via the installed PWA: Hide the installation status card completely.
Description: Currently, the application includes logic to guide users to install the PWA. Once installed and running in standalone mode, the UI displays a banner/card stating "App Installed - You're using the installed app."
The Suggestion: I propose removing this banner entirely when the app is detecting that it is already installed and running.
Reasoning:
Redundancy: If the user is viewing the app in standalone mode, they are already aware the app is installed.
Screen Real Estate: The "App Installed" card takes up vertical space that could be better used for the actual content (Podium Levels, Challenges, etc.).
Cleaner UI: Removing the card reduces visual clutter for active users.
Acceptance Criteria:
When the user visits via the browser: Show the "Install App" instructions (current behavior).
When the user visits via the installed PWA: Hide the installation status card completely.