Skip to content

Enhance YouTube stats integration and improve dashboard features#158

Open
GauravOP-03 wants to merge 23 commits intoscriptaiapp:mainfrom
GauravOP-03:feat/dashboard-thumbnails
Open

Enhance YouTube stats integration and improve dashboard features#158
GauravOP-03 wants to merge 23 commits intoscriptaiapp:mainfrom
GauravOP-03:feat/dashboard-thumbnails

Conversation

@GauravOP-03
Copy link
Copy Markdown
Collaborator


📝 Description

Updates to the Thumbnails frontend: list page, new (generate) page, detail page, and only the components that were modified or added. Frontend only—no API, hooks, or backend in this PR.


📁 Files in this PR (changed only)

Status File
M apps/web/app/dashboard/thumbnails/page.tsx
M apps/web/app/dashboard/thumbnails/new/page.tsx
M apps/web/app/dashboard/thumbnails/[id]/page.tsx
M apps/web/components/dashboard/thumbnails/ThumbnailStep1.tsx
M apps/web/components/dashboard/thumbnails/ThumbnailStep2.tsx
M apps/web/components/dashboard/thumbnails/ThumbnailStep3.tsx
A apps/web/components/dashboard/thumbnails/ThumbnailGenerationForm.tsx
A apps/web/components/dashboard/thumbnails/ThumbnailOutput.tsx

M = modified · A = added


🔧 What changed

  • List (page.tsx): Fetch thumbnails, search, ContentCard grid, delete, empty state, AITrainingRequired.
  • New (new/page.tsx): Uses ThumbnailGenerationForm and AITrainingRequired; delegates all form/progress/generate to the new form component.
  • Detail ([id]/page.tsx): Fetches job by id, uses ThumbnailOutput for results grid, download (single/all), delete with confirmation.
  • ThumbnailGenerationForm (new): Multi-step form (Creative Direction → Style & Ratio → References → Results), MultiStepFormLayout, GenerationProgress, steps 1–3 + results via ThumbnailOutput.
  • ThumbnailOutput (new): Renders generated images grid, aspect by ratio, download per image, empty state when no images.
  • ThumbnailStep1 / Step2 / Step3 (modified): Used inside ThumbnailGenerationForm for prompt, context, ratio, video link, reference/face images.

🎯 Type of Change

  • 🐛 Bug fix (non-breaking change which fixes an issue)
  • ✨ New feature (non-breaking change which adds functionality)
  • 💥 Breaking change
  • 📚 Documentation update
  • 🎨 Style/UI changes
  • ♻️ Refactoring
  • ⚡ Performance improvements
  • 🧪 Adding or updating tests
  • 🔧 Configuration changes

🧪 Testing

  • Tested locally
  • Tests added
  • Existing tests pass

How to test: List (search, delete), new (multi-step generate, progress, results), detail (view, download, delete). Assumes thumbnail API and useThumbnailGeneration exist.


📋 Checklist

  • Code follows project style
  • Self-review done
  • No new warnings
  • Tests pass locally

📸 Screenshots (if applicable)

image image

🔧 Technical Details

  • Pages: List uses getThumbnails/deleteThumbnail and ContentCard; new page composes ThumbnailGenerationForm with hook state; detail uses getThumbnail, ThumbnailOutput, downloadFile, delete flow.
  • ThumbnailGenerationForm: Uses MultiStepFormLayout, GenerationProgress, ThumbnailStep1ThumbnailStep3, ThumbnailOutput; receives all state and handlers from parent/hook.
  • ThumbnailOutput: Job + onDownload; responsive grid by image count; ratio-based aspect classes; empty state for queued/processing or no images.

🚀 Deployment Notes

  • Depends on thumbnail API and useThumbnailGeneration (and getThumbnails / getThumbnail / deleteThumbnail from @/lib/api/getThumbnails).

🔍 Review Notes

  • Review only these 8 files; no other thumbnails components or hooks in this PR.

📊 Performance Impact

  • No performance impact
  • Performance improvement
  • Performance regression

🔒 Security Considerations

  • No security implications

@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Feb 28, 2026

@GauravOP-03 is attempting to deploy a commit to the afrin127329's projects Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant