add AdminLink

elementor · Sep 10, 2024 · 1851cc2 · 1851cc2
1 parent 62406d8
commit 1851cc2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/modules/admin/assets/js/components/link/admin-link.js b/modules/admin/assets/js/components/link/admin-link.js
@@ -0,0 +1,7 @@
+import { Link } from '@elementor/ui';
+
+export const AdminLink = ( { href, children } ) => {
+	return (
+		<Link underline="hover" variant="body1" href={ href } >{ children }</Link>
+	);
+};
diff --git a/modules/admin/assets/js/components/panels/dashboard/home/components/links-column.js b/modules/admin/assets/js/components/panels/dashboard/home/components/links-column.js
@@ -1,4 +1,5 @@
-import { Box, Grid, Link, Stack, Typography } from '@elementor/ui';
+import { Grid, Stack, Typography } from '@elementor/ui';
+import { AdminLink } from '../../../../link/admin-link';
 
 export const LinksColumn = ( { linksColumn } ) => {
 	const { title, links } = linksColumn;
@@ -8,7 +9,7 @@ export const LinksColumn = ( { linksColumn } ) => {
 			<Stack gap={ 1 }>
 				<Typography variant="h6" sx={ { mb: 1 } }>{ title }</Typography>
 				{ links.map( ( link, i ) => {
-					return <Link underline="hover" variant="body1" href={ link.url } key={ i }>{ link.title }</Link>;
+					return <AdminLink href={ link.url } key={ i }>{ link.title }</AdminLink>;
 				} ) }
 			</Stack>
 		</Grid>