Skip to content

added dino-icon#130

Merged
Abhijit-Jha merged 2 commits intomasterfrom
icon/dino
Mar 15, 2026
Merged

added dino-icon#130
Abhijit-Jha merged 2 commits intomasterfrom
icon/dino

Conversation

@Abhijit-Jha
Copy link
Copy Markdown
Member

@Abhijit-Jha Abhijit-Jha commented Mar 15, 2026 •
edited by coderabbitai bot
Loading

Summary by CodeRabbit

  • New Features

    • Added an animated dinosaur icon with smooth rotation on hover and programmatic start/stop controls. Supports customizable size and color.

  • Chores

    • Included the new icon in the icon catalog and registry so it appears in listings and search.

@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Mar 15, 2026 •
edited
Loading

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

Project Deployment Actions Updated (UTC)
itshover-icons Ready Ready Preview, Comment Mar 15, 2026 7:50am

Request Review

greptile-apps[bot]
greptile-apps bot reviewed Mar 15, 2026
View reviewed changes
Copy link
Copy Markdown
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Your free trial has ended. If you'd like to continue receiving code reviews, you can add a payment method here.

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai bot commented Mar 15, 2026 •
edited
Loading

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: c72f8917-c99f-4465-b6ad-a45544dde951

📥 Commits

Reviewing files that changed from the base of the PR and between ca70b2e and e8c58d0.

📒 Files selected for processing (1)
  • icons/dino-icon.tsx
📝 Walkthrough

Walkthrough

Adds a new animated React SVG component, DinoIcon, with imperative animation handles, accompanying type definitions, and registry/index updates to expose the icon across the project.

Changes

Cohort / File(s) Summary
Animated Icon Component
icons/dino-icon.tsx		 New DinoIcon React component: forwardRef AnimatedIcon exposing startAnimation/stopAnimation via useImperativeHandle. Uses useAnimate for hover and programmatic rotation animations; SVG composed of grouped paths using currentColor and a CSS-based cutout color.
Icon Type Definitions
icons/types.ts		 New type exports: AnimatedIconProps, AnimatedIconHandle, and IconEasing describing props (size, color, strokeWidth, className) and imperative animation API.
Icon Exports & Indexes
icons/index.ts, lib/icon-names.ts, lib/icons.ts		 Imported and added DinoIcon to icon export list and ICON_LIST; inserted "dino-icon" into ICON_NAMES; added { name: "dino icon", path: "/icons/dino-icon" } to ICONS.
Registry Configuration
public/r/dino-icon.json, public/r/registry.json, registry.json		 Registered new dino-icon registry item (type registry:ui) with dependency on motion, referencing icons/dino-icon.tsx and icons/types.ts.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~22 minutes

Possibly related PRs

Poem

🐇 I hopped by code and gave a cheer,
A dino icon now appears near,
A twirl on hover, a playful spin,
Tiny roars in pixels begin,
Hooray — this rabbit approves with glee! 🦕✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'added dino-icon' directly corresponds to the main change—introducing a new animated dinosaur icon component across the codebase.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
  • 📝 Generate docstrings (stacked PR)
  • 📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch icon/dino
📝 Coding Plan
  • Generate coding plan for human review comments

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

CodeRabbit can enforce grammar and style rules using `languagetool`.

Configure the reviews.tools.languagetool setting to enable/disable rules and categories. Refer to the LanguageTool Community to learn more.

@Abhijit-Jha Abhijit-Jha merged commit e325118 into master Mar 15, 2026
3 checks passed
@coderabbitai coderabbitai bot mentioned this pull request Mar 28, 2026
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

1 more reviewer

@greptile-apps greptile-apps[bot] greptile-apps[bot] left review comments

Reviewers whose approvals may not affect merge requirements

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@Abhijit-Jha