[PR #100] [MERGED] feat: Add script count badges to tab navigation #209

New issue

Closed

opened 2026-02-26 12:40:37 +03:00 by kerem · 0 comments

kerem commented

2026-02-26 12:40:37 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/community-scripts/ProxmoxVE-Local/pull/100
Author: @michelroegl-brunner
Created: 10/10/2025
Status: ✅ Merged
Merged: 10/10/2025
Merged by: @michelroegl-brunner

Base: main ← Head: feature/script-count-badges

📝 Commits (2)

fc2c58c feat: add script count badges to tab navigation
9517e38 fix: use nullish coalescing operator for safer null handling

📊 Changes

1 file changed (+38 additions, -0 deletions)

View changed files

📝 src/app/page.tsx (+38 -0)

📄 Description

Summary

This PR adds script count badges to the tab navigation, showing the number of scripts in each category.

Changes

Available Scripts Tab: Shows total count of scripts available from GitHub
Downloaded Scripts Tab: Shows count of scripts that have been downloaded locally
Installed Scripts Tab: Shows total count of installed script records

Technical Details

Added API data fetching hooks to main page component
Implemented script count calculation logic for each tab type
Added responsive count badges with muted styling
Badges update automatically when data changes

UI/UX

Count badges use subtle styling that blends with the UI
Responsive design works on both desktop and mobile
Badges positioned with proper spacing and typography

Testing

✅ TypeScript compilation passes
✅ No linting errors
✅ Responsive design verified
✅ Data fetching and count calculation working correctly

Closes #[issue-number]

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/community-scripts/ProxmoxVE-Local/pull/100 **Author:** [@michelroegl-brunner](https://github.com/michelroegl-brunner) **Created:** 10/10/2025 **Status:** ✅ Merged **Merged:** 10/10/2025 **Merged by:** [@michelroegl-brunner](https://github.com/michelroegl-brunner) **Base:** `main` ← **Head:** `feature/script-count-badges` --- ### 📝 Commits (2) - [`fc2c58c`](https://github.com/community-scripts/ProxmoxVE-Local/commit/fc2c58c411ef6c4692ac3445070f31e2521092f7) feat: add script count badges to tab navigation - [`9517e38`](https://github.com/community-scripts/ProxmoxVE-Local/commit/9517e3842bdd7d45be2b12492798fe90b4c3c8cf) fix: use nullish coalescing operator for safer null handling ### 📊 Changes **1 file changed** (+38 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `src/app/page.tsx` (+38 -0) </details> ### 📄 Description ## Summary This PR adds script count badges to the tab navigation, showing the number of scripts in each category. ## Changes - **Available Scripts Tab**: Shows total count of scripts available from GitHub - **Downloaded Scripts Tab**: Shows count of scripts that have been downloaded locally - **Installed Scripts Tab**: Shows total count of installed script records ## Technical Details - Added API data fetching hooks to main page component - Implemented script count calculation logic for each tab type - Added responsive count badges with muted styling - Badges update automatically when data changes ## UI/UX - Count badges use subtle styling that blends with the UI - Responsive design works on both desktop and mobile - Badges positioned with proper spacing and typography ## Testing - ✅ TypeScript compilation passes - ✅ No linting errors - ✅ Responsive design verified - ✅ Data fetching and count calculation working correctly Closes #[issue-number] --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>