[PR #179] [MERGED] feat: Add newest scripts highlighting section #260

New issue

Closed

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

kerem commented

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

Owner

📋 Pull Request Information

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

Base: main ← Head: feat/newest_scritps

📝 Commits (1)

20c9a2e feat: Add newest scripts highlighting section

📊 Changes

1 file changed (+78 additions, -1 deletions)

View changed files

📝 src/app/_components/ScriptsGrid.tsx (+78 -1)

📄 Description

Overview

This PR adds a new 'Newest Scripts' section to the Available Scripts tab that highlights the 6 most recently created scripts.

Features

Horizontal scrollable carousel displaying the 6 newest scripts based on field
Smart visibility logic - only shows when no filters are active to avoid duplication
Visual distinction - subtle left border accent and Clock icon for clear identification
NEW badges on script cards in the carousel to highlight recent additions
Responsive design - works on mobile, tablet, and desktop
Proper exclusion - newest scripts are excluded from main grid when carousel is visible

Technical Details

Added logic to detect when filters are active
Created memo to extract and sort scripts by date
Modified to exclude newest scripts when carousel is visible
Added horizontal scrollable carousel with proper responsive sizing
Used Lucide React Clock icon for professional appearance
Styled with theme-consistent colors and proper badge positioning

Testing

✅ TypeScript compilation passes
✅ No linting errors
✅ Responsive design verified
✅ Proper filter integration
✅ Date sorting works correctly

_{🔄 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/179 **Author:** [@michelroegl-brunner](https://github.com/michelroegl-brunner) **Created:** 10/17/2025 **Status:** ✅ Merged **Merged:** 10/17/2025 **Merged by:** [@michelroegl-brunner](https://github.com/michelroegl-brunner) **Base:** `main` ← **Head:** `feat/newest_scritps` --- ### 📝 Commits (1) - [`20c9a2e`](https://github.com/community-scripts/ProxmoxVE-Local/commit/20c9a2ecbfd32784491e9bac91a839acd4870468) feat: Add newest scripts highlighting section ### 📊 Changes **1 file changed** (+78 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `src/app/_components/ScriptsGrid.tsx` (+78 -1) </details> ### 📄 Description ## Overview This PR adds a new 'Newest Scripts' section to the Available Scripts tab that highlights the 6 most recently created scripts. ## Features - **Horizontal scrollable carousel** displaying the 6 newest scripts based on field - **Smart visibility logic** - only shows when no filters are active to avoid duplication - **Visual distinction** - subtle left border accent and Clock icon for clear identification - **NEW badges** on script cards in the carousel to highlight recent additions - **Responsive design** - works on mobile, tablet, and desktop - **Proper exclusion** - newest scripts are excluded from main grid when carousel is visible ## Technical Details - Added logic to detect when filters are active - Created memo to extract and sort scripts by date - Modified to exclude newest scripts when carousel is visible - Added horizontal scrollable carousel with proper responsive sizing - Used Lucide React Clock icon for professional appearance - Styled with theme-consistent colors and proper badge positioning ## Testing - ✅ TypeScript compilation passes - ✅ No linting errors - ✅ Responsive design verified - ✅ Proper filter integration - ✅ Date sorting works correctly --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>