The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Skipped			Dec 5, 2025 0:57am

Greptile Overview

Greptile Summary

This PR standardizes modal styling across 14 files by migrating from custom modal layouts to structured ModalHeader, ModalBody, and ModalFooter components. The changes improve code consistency and maintainability.

Key improvements:

• Replaced complex custom positioning and flex layouts with standardized modal structure components
• Unified button variants: variant='active' for cancel buttons, variant='primary' with !bg-[var(--text-error)] styling for destructive actions
• Standardized text colors using CSS variables (text-[var(--text-tertiary)], text-[var(--text-error)])
• Removed redundant dark mode class duplicates
• Fixed modal widths with consistent w-[400px] for confirmation dialogs

Minor inconsistency:

• One button in cancel-subscription.tsx:283 retains old styling pattern instead of the standardized approach used elsewhere

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• This is a straightforward styling refactor that improves code consistency without changing business logic or behavior. All changes follow a clear pattern of migrating to standardized modal components. The only minor issue is a styling inconsistency that doesn't affect functionality.
• No files require special attention - the styling inconsistency in cancel-subscription.tsx is minor and non-blocking

Important Files Changed

File Analysis

Sequence Diagram

sequenceDiagram
    participant User
    participant Component
    participant Modal
    participant ModalHeader
    participant ModalBody
    participant ModalFooter
    
    User->>Component: Click delete/action button
    Component->>Modal: Open modal (setShowDialog(true))
    Modal->>ModalHeader: Render header with title
    Modal->>ModalBody: Render body with confirmation message
    Modal->>ModalFooter: Render footer with action buttons
    
    alt User cancels
        User->>ModalFooter: Click cancel button (variant='active')
        ModalFooter->>Modal: Close modal
        Modal->>Component: onOpenChange(false)
    else User confirms
        User->>ModalFooter: Click confirm button (variant='primary')
        ModalFooter->>Component: Execute action handler
        Component->>Component: Process action (delete/save/etc)
        Component->>Modal: Close modal on success
    end

@greptile