fix(templates): fixed verified creator status displaying & tooltip on templates

[waleedlatif1]

Summary

• fixed verified creator status displaying & tooltip on templates

Type of Change

• Bug fix

Testing

Tested manually

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

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

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Skipped			Dec 3, 2025 3:21am

[greptile-apps]

Greptile Overview

Greptile Summary

Fixed verified creator badge display and tooltip on template cards by wrapping the VerifiedBadge component in a Radix Tooltip component and adjusting layout styling.

Key Changes

• Added tooltip functionality to verified badge showing "Verified Creator" on hover
• Reduced avatar sizes from 26px to 20px for better visual balance
• Added min-w-0 and flex-1 to author container to prevent overflow issues
• Updated skeleton loader to match new avatar dimensions
• Added verified field to database query and type definitions in workspace templates page

Implementation Details

The fix addresses layout issues where the verified badge wasn't displaying correctly. The author section now uses proper flexbox overflow handling (min-w-0 on nested containers) to ensure the badge remains visible when author names are long. The Radix Tooltip integration provides accessible hover feedback using the existing Tooltip.Provider already configured in both workspace and public templates layouts.

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• Score reflects simple UI changes with proper flexbox patterns, correct Radix Tooltip integration, and consistent implementation across both template card instances. No logical errors or breaking changes detected.
• No files require special attention

Important Files Changed

File Analysis

Filename	Score	Overview
apps/sim/components/ui/verified-badge.tsx	5/5	Wrapped verified badge in Radix Tooltip to display "Verified Creator" message on hover
apps/sim/app/templates/components/template-card.tsx	5/5	Adjusted avatar sizes from 26px to 20px, updated gaps, added flexbox overflow handling for verified badge display
apps/sim/app/workspace/[workspaceId]/templates/components/template-card.tsx	5/5	Adjusted avatar sizes from 26px to 20px, updated gaps, added flexbox overflow handling for verified badge display
apps/sim/app/workspace/[workspaceId]/templates/page.tsx	5/5	Added verified field to creator type definition and data mapping to pass through to template cards

Sequence Diagram

sequenceDiagram
participant Page as Templates Page
participant Card as TemplateCard
participant Badge as VerifiedBadge
participant Tooltip as Radix Tooltip
Page->>Page: Query database for templates
Page->>Page: Include creator.verified field
Page->>Card: Pass isVerified={creator.verified}
Card->>Card: Render author section with verified badge
alt isVerified is true
Card->>Badge: Render <VerifiedBadge size='sm' />
Badge->>Tooltip: Wrap in Tooltip.Root
Badge->>Tooltip: Set Tooltip.Trigger on badge icon
Badge->>Tooltip: Set Tooltip.Content to "Verified Creator"
User->>Badge: Hover over verified badge
Badge->>Tooltip: Show tooltip content
Tooltip-->>User: Display "Verified Creator"
end

Loading

[greptile-apps]

_{4 files reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}