-
Notifications
You must be signed in to change notification settings - Fork 39
chore(pricefeeds) Improve Landing page #812
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
left a couple comments, but tbh since we're planning to deprecate this it's not really worth investing a lot of time to fix things up
import React from "react"; | ||
|
||
export function BarChartIcon() { | ||
return ( | ||
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | ||
<path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z" /> | ||
</svg> | ||
); | ||
} | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I would strongly recommend using an icon package like https://github.com/phosphor-icons/homepage so we don't have to paste SVG code here.
<div | ||
className={`bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-6 shadow-sm hover:shadow-md transition-shadow flex flex-col h-full ${className}`} | ||
> | ||
{/* Header with badge and icon */} | ||
<div className="flex items-center gap-3 mb-4"> | ||
<div | ||
className={`${badgeColor} text-white text-xs font-semibold px-3 py-1.5 rounded-full`} | ||
> | ||
{badge} | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Generally using a package like https://www.npmjs.com/package/clsx is a better solution than appending class names as strings
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I agree. This is just a temp fix to improve navigation.
Description
Type of Change
Areas Affected
Checklist
pre-commit run --all-files
to check for linting errorsRelated Issues
Closes #
Additional Notes
Contributor Information
Screenshots