Redesign "edit feed" And "add feed" Layout
P0bo opened this issue · comments
1. Preview Section
- Description: This section includes the icon, name, and description of the item. It serves as an initial preview.
- Functionality:
- On first opening with a long press, it shows as a preview.
- Users can click on specific fields (icon, name, or description) to enter edit mode for that specific field.
2. Link Section
- Description: This section handles link previews and editing.
- Functionality:
- Link Preview:
- Only the first part of the link is shown, even if the link is long.
- A link logo on the left side provides quick access to the link.
- Interaction:
- Clicking the link logo opens the link in the browser.
- Clicking the link field opens an editor where the entire link can be viewed and edited.
- Link Preview:
3. Options Section
- Description: This section contains all the options and operations related to the feed.
- Functionality:
- Delete Feed:
- Has a special red icon for caution.
- Clicking it prompts a warning dialog for confirmation.
- Additional Features (future implementation):
- Notifications: Enable/disable notifications.
- Auto-Download: Enable/disable auto-download or set auto-download rules.
- Delete Feed:
4. Group Section
- Description: This section allows for convenient and fast group switching.
- Functionality:
- Group Display:
- Groups are shown as pills for one-click switching.
- Adding New Groups:
- Clicking the plus icon reveals a text field to add a new group.
- Group Display:
Request for Improved Add Feed
Current Issues
- The current "Add Feed" option is cluttered and asks for name, link, and group in one go.
Proposed Improvements
Simplified Initial Input:
- Step 1: Only ask for the link in the initial step.
- Step 2: Process the link to fetch feed details and provide this edit feed option , where user will edit a option if he wants to .
This two-step process will streamline the addition of new feeds and improve the user experience by organizing the input fields more logically.