Skip to content

Conversation

@bkeepers
Copy link
Contributor

@bkeepers bkeepers commented Sep 3, 2025

After review:
image

This is the first of what I hope are several updates I am planning to make to the appstore. This is just a little design update that adds a few niceties to the listing of apps.

BeforeAfter
image image

Notable Features:

  • Added app icons, falling back to a plugin/app placeholder depending on type
  • Actions are consolidated into a single button with a dropdown (instead of a mix of "Install" button or icons for update/remove). The available actions depends on the state of the plugin.
Not InstalledInstalledInstalled and update available
image image image
* The mobile version now includes all the details
BeforeAfter
image image

To Do

  • Improve icon alignment on action button (dropdown has slightly more padding than the rest of the button)
  • Fix performance of loading "All" tab. Now that there are icons/images, the slow react rendering of the full list of apps/plugins (355) is even worse. May need to add some kind of pagination or virtual scroll
  • Only show "Configure" action on plugins
  • Fix link to configuration for plugins that use a different internal name from published package (e.g. signalk-tides package registers as just tides)

@bkeepers
Copy link
Contributor Author

bkeepers commented Sep 4, 2025

Icon removed

image

Copy link
Member

@tkurki tkurki left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like the change, and just by chance I was suggesting a similar "multi-mode button" for installing specific versions.

There's just one glitch: the font sizes are not in proportion with the other pages. Easy to see if you just switch between data browser and appstore.

image image

@tkurki
Copy link
Member

tkurki commented Sep 15, 2025

Thought on the font sizes?

@tkurki
Copy link
Member

tkurki commented Sep 15, 2025

I'd love to get the ability to install a specific version of a plugin on top of this.

@bkeepers
Copy link
Contributor Author

There's just one glitch: the font sizes are not in proportion with the other pages. Easy to see if you just switch between data browser and appstore.

The font size change was intentional, but I agree it feels extreme without the icon. I pushed a change to recode it a little and make it the same as the app names on the webapps tab.

image image

@tkurki tkurki merged commit 6bf7d61 into SignalK:master Sep 16, 2025
5 checks passed
@bkeepers bkeepers deleted the appstore-refresh branch September 23, 2025 18:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants