chore: allow ids on the card component

Codeinwp · Jan 29, 2025 · 02fe431 · 02fe431
1 parent 2dc5d8c
commit 02fe431
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/assets/apps/dashboard/src/Components/Content/ModuleGrid.js b/assets/apps/dashboard/src/Components/Content/ModuleGrid.js
@@ -103,7 +103,7 @@ const ModuleCard = ({ moduleData, slug }) => {
 			title={nicename}
 			className="bg-white p-6 rounded-lg shadow-sm"
 			afterTitle={<ModuleToggle slug={slug} moduleData={moduleData} />}
-			data-module={slug}
+			id={`module-${slug}`}
 		>
 			<p className="text-gray-600 text-sm leading-relaxed">
 				{description}{' '}

diff --git a/assets/apps/dashboard/src/Layout/Card.js b/assets/apps/dashboard/src/Layout/Card.js
@@ -1,6 +1,13 @@
 import cn from 'classnames';
 
-export default ({ icon, title, children, afterTitle, className = '' }) => {
+export default ({
+	icon,
+	title,
+	children,
+	afterTitle,
+	className = '',
+	id = null,
+}) => {
 	const classes = cn(
 		[
 			'p-6 rounded-lg shadow-sm',
@@ -12,7 +19,7 @@ export default ({ icon, title, children, afterTitle, className = '' }) => {
 	);
 
 	return (
-		<div className={classes}>
+		<div className={classes} id={id}>
 			{(icon || title) && (
 				<div className="flex items-center mb-6 gap-3">
 					{icon && (