Viewing File: /home/maglabs/marco/wp-content/plugins/extendify/src/Assist/components/dashboard/QuickLinks.jsx

import { __ } from '@wordpress/i18n';
import { Icon, chevronRightSmall } from '@wordpress/icons';

export const QuickLinks = () => {
	const quickLinks = window.extAssistData.resourceData.quickLinks;

	if (quickLinks.length === 0) {
		return (
			<div className="assist-quick-links-module w-full bg-white p-4 lg:p-8">
				{__('No quick links found...', 'extendify-local')}
			</div>
		);
	}

	return (
		<div id="assist-quick-links-module" className="w-full bg-white p-4 lg:p-8">
			<h3 className="text-lg leading-tight m-0">
				{__('Quick Links', 'extendify-local')}
			</h3>
			<div
				className="grid grid-cols-1 xs:grid-cols-2 gap-4 mt-4"
				id="assist-quick-links-module-list">
				{quickLinks.map((link) => (
					<a
						key={link.slug}
						className="flex items-center no-underline hover:underline text-black hover:text-design-main text-sm"
						href={
							link.slug == 'view-site'
								? `${window.extAssistData.home}`
								: `${window.extAssistData.adminUrl}${link.internalLink}`
						}>
						<span>{link.name}</span>
						<Icon icon={chevronRightSmall} className="fill-current" />
					</a>
				))}
			</div>
		</div>
	);
};