feat(cards): show operation icons on hover

2026-09-12 19:29:11 +03:00
parent ff4e88edbe
commit dedfec10d1
3 changed files with 115 additions and 20 deletions
@@ -6,6 +6,7 @@ type EntryCardProps = {
 	title: string;
 	metadata: string;
 	details?: ReactNode;
+	actions?: ReactNode;
 	initial: string;
 	imageSrc?: string | null;
 	value: string;
@@ -40,9 +41,17 @@ const EntryCard: FC<EntryCardProps> = (props) => {
 				<Text className={classes[props.tone]} fw={700}>
 					{props.value}
 				</Text>
-				<Text className={classes[props.tone]} size="sm">
-					{props.valueLabel}
-				</Text>
+				<div className={props.actions ? classes.valueFooter : undefined}>
+					<Text
+						className={`${classes[props.tone]} ${props.actions ? classes.valueLabel : ""}`}
+						size="sm"
+					>
+						{props.valueLabel}
+					</Text>
+					{props.actions && (
+						<div className={classes.actions}>{props.actions}</div>
+					)}
+				</div>
 			</Stack>
 		</Paper>
 	);