gray-mueller / gray-mueller/foodpanda-clone-using-react-native
Enatega Admin Dashboard: "UI Enhancement: Adding Relevant Icons Dynamically in Store Profile View"
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Description:
To improve the user experience and readability on the Store Profile view page, relevant icons should be added next to specific data fields. For instance, a dollar sign ($) icon should be displayed next to monetary values such as pricing and minimum order amount to make financial information more intuitive for users.
Enhancement Approach:
The icons should be dynamically implemented rather than hardcoded.
This means the system should automatically assign the appropriate icon based on the data type (e.g., currency values get a dollar sign, contact details get a phone/email icon).
This approach ensures scalability and flexibility, allowing updates or additions without modifying the core UI code manually.
Expected Benefits:
✅ Improved Readability – Users can quickly identify the type of data.
✅ Consistent UI – Standardized visual representation across the platform.
✅ Future-Proof – Dynamic implementation ensures adaptability for different currencies or additional icons in future
updates.
Contributor guide
Research direction
Locate the Store Profile view in the repository and read how its data fields are currently rendered. Identify the existing UI components and any related styling or icon usage before deciding where the dynamic mapping belongs. Done means relevant icons appear consistently for the specified field types, including monetary values, without hardcoding each field separately.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100