Files
calendar/apps/web/components/settings/platform/dashboard/HelpCards.tsx
T
17f328fc5e chore: added help cards to platform dashboard (#15218)
* added cards to platform dashboard

* nit

* move help cards into its own component

* help cards component

* utils for platform

* fix icon type prop

* fix icon

---------

Co-authored-by: Rajiv Sahal <rajivsahal@Rajivs-MacBook-Pro.local>
Co-authored-by: Rajiv Sahal <sahalrajiv-extc@atharvacoe.ac.in>
2024-05-29 13:58:18 +00:00

29 lines
781 B
TypeScript

import { Card, Icon } from "@calcom/ui";
import { helpCards } from "@lib/settings/platform/utils";
export const HelpCards = () => {
return (
<>
<div className="grid-col-1 mb-4 grid gap-2 md:grid-cols-3">
{helpCards.map((card) => {
return (
<div key={card.title}>
<Card
icon={<Icon name={card.icon} className="h-5 w-5 text-green-700" />}
variant={card.variant}
title={card.title}
description={card.description}
actionButton={{
href: `${card.actionButton.href}`,
child: `${card.actionButton.child}`,
}}
/>
</div>
);
})}
</div>
</>
);
};