devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ENCOA-88: Create individual accounts

Browse Source
This commit is contained in:
Tiago Ribeiro
2024-08-23 12:02:35 +01:00
parent 4505ea5ff8
commit 1bb5405894
4 changed files with 332 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/dashboards/IconCard.tsx
View File

@@ -6,11 +6,12 @@ interface Props {
label: string;
value?: string | number;
color: "purple" | "rose" | "red" | "green";
className?: string;
tooltip?: string;
onClick?: () => void;
}
export default function IconCard({Icon, label, value, color, tooltip, onClick}: Props) {
export default function IconCard({Icon, label, value, color, tooltip, className, onClick}: Props) {
const colorClasses: {[key in typeof color]: string} = {
purple: "text-mti-purple-light",
red: "text-mti-red-light",
@@ -24,6 +25,7 @@ export default function IconCard({Icon, label, value, color, tooltip, onClick}:
className={clsx(
"bg-white rounded-xl shadow p-4 flex flex-col gap-4 items-center text-center w-52 h-52 justify-center cursor-pointer hover:shadow-xl transition ease-in-out duration-300",
tooltip && "tooltip tooltip-bottom",
className,
)}
data-tip={tooltip}>
<Icon className={clsx("text-6xl", colorClasses[color])} />