diff --git a/ROADMAP.md b/ROADMAP.md index 82cf33c..d5c0019 100644 --- a/ROADMAP.md +++ b/ROADMAP.md @@ -69,6 +69,7 @@ - [x] Show update progress with loading indicators - [x] Handle file access errors gracefully - [x] Ensure correct version numbering in filenames + - [x] Display up-to-date version information for all plugins - [ ] Present multiple potential matches for ambiguous plugins - [ ] Make version numbers clickable links to repository sources - [ ] Allow user selection of correct plugin match when multiple are found diff --git a/src/App.css b/src/App.css index 13ad99d..c97845a 100644 --- a/src/App.css +++ b/src/App.css @@ -566,6 +566,18 @@ button { margin-left: 0.5rem; } +.up-to-date-badge { + color: var(--success-color, #4caf50); + font-weight: bold; + margin-left: 0.5rem; +} + +.up-to-date-text { + color: var(--success-color, #4caf50); + font-size: 0.85em; + margin-left: 0.4rem; +} + .bulk-update-progress { margin-top: 0.5rem; font-size: 0.9rem; diff --git a/src/App.tsx b/src/App.tsx index aab7986..1a60cf5 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -127,7 +127,12 @@ function PluginDetails({ plugin, onClose }: PluginDetailsProps) {

{plugin.name}

-
Version: {plugin.version} {plugin.latest_version && plugin.has_update && (Update available: {plugin.latest_version})}
+
Version: {plugin.version} {plugin.latest_version && ( + plugin.has_update + ? (Update available: {plugin.latest_version}) + : (Up to Date: {plugin.latest_version}) + )} +
{plugin.description && (
{plugin.description}
@@ -821,10 +826,12 @@ function App() {
{plugin.repository_url && plugin.latest_version ? ( - {plugin.latest_version} + {plugin.latest_version} {!plugin.has_update && (Up to Date)} ) : ( - plugin.latest_version || 'N/A' + plugin.latest_version + ? <>{plugin.latest_version} {!plugin.has_update && (Up to Date)} + : 'N/A' )}