Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add app category display in Dev Center #1033

Open
jelveh opened this issue Dec 10, 2024 · 3 comments
Open

Add app category display in Dev Center #1033

jelveh opened this issue Dec 10, 2024 · 3 comments
Assignees
Labels
enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed

Comments

@jelveh
Copy link
Contributor

jelveh commented Dec 10, 2024

Currently, the Dev Center doesn't display app categories in its interface. We should add category display both in the main app list and individual app settings pages to help developers better organize and identify their apps.

UI Changes Required

Main App List:

  • Add a category label/badge next to each app name in the list
  • Consider using subtle visual differentiation (like muted colors) to maintain readability
  • Handle cases where category is undefined/empty gracefully (e.g., display "Uncategorized" or simply omit)
  • Ensure proper alignment and spacing with existing app name and metadata

Individual App Settings Page:

  • Add category field to the app's title or heading
  • Real-time update of category display when edited

Technical Implementation

Data Structure:

  • App categories are stored in the metadata attribute of app objects
  • Example app object structure:
{
  name: "my-app",
  metadata: {
    category: "productivity"
  },
  // ... other app properties
}

Code Changes Required:

  1. Dev Center App List Component:

    • Update app list item rendering to include category
    • Add category styling/components
    • Handle category data fetching/display
  2. App Update Logic:

    • Update local state/UI after successful category changes

UX Considerations

  • Clear visual hierarchy: category should be visible but not dominate the app name
  • Consistent styling across both list view and settings page
  • Graceful handling of empty/undefined categories

Implementation Notes

  • Files to modify are in src/dev-center/:

Testing Requirements

  • Verify category display in app list
  • Test category updates in settings
  • Ensure proper handling of apps without categories
  • Test UI responsiveness and layout
  • Verify real-time updates after category changes
@jelveh jelveh added enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed labels Dec 10, 2024
@Raghavendra-Aprameya
Copy link

Hi jelveh,

This is a great idea, and I’d love to work on it. I’ve reviewed the requirements and have some thoughts on how to approach the implementation, including adding category labels in the app list and handling updates on the settings page.

If no one else is currently assigned, may I take this up? Let me know if there are any specific guidelines or expectations you’d like me to follow.

Looking forward to your response!

Best regards,
Aprameya Raghavendra.

@jelveh
Copy link
Contributor Author

jelveh commented Dec 10, 2024

Thank you @Raghavendra-Aprameya, just assigned it to you.

Let me know if there are any specific guidelines or expectations you’d like me to follow.

So far only what's in the issue description. But if anything is vague, we could discuss it here.

Let me know if you need help with anything 🫡

@mariatouil
Copy link
Contributor

@jelveh Hi,
I’ve submitted a Pull Request to address this issue: #1068.
Could you please review it and let me know if everything looks good?

Thank you in advance for your feedback!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

3 participants