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

Open
opened 2025-11-20 04:13:41 -05:00 by saavagebueno · 0 comments
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: mainHead: 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>
saavagebueno added the pull-request label 2025-11-20 04:13:41 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: SVI/ProxmoxVE-Local#238