File Manager

📁 Media Files

📁 .. (Parent Directory) 📁 breadcrumbs/ 📁 content-analysis/ 📁 google-indexing/ 📁 instant-indexing/ 📁 link-manager/ 📁 link-suggestion/ 📁 role-manager/ 📁 site-seo-checks/ 📁 utils/ ⚡ content-analysis-table.js ⚡ content-performance-dummy.js ⚡ content-performance-empty-state.js ⚡ content-performance.js ⚡ dashboard-constants.js ⚡ dashboard-widgets.js ⚡ dashboard.js ⚡ empty-content-gap.js ⚡ index.js ⚡ not-found.js ⚡ plugin-card.js ⚡ quick-link.js ⚡ quick-links-section.js ⚡ recommended-plugins.js ⚡ render-content.js ⚡ search-console-notice.js ⚡ search-console-popup.js ⚡ section.js ⚡ site-search-dummy.js ⚡ site-search-traffic.js ⚡ site-selector-popup-content.js ⚡ site-selector-popup.js ⚡ site-selector.js ⚡ upgrade-to-pro.js ⚡ use-plugins-and-themes.js ⚡ use-site-verification-status.js ⚡ welcome-card.js

⬆️ Upload Files

📁 Create Folder

📄 Create File

💻 Terminal

📦 Extract Archive

⚡ Edit: quick-links-section.js

Size: 1.67 KB | Modified: 2026-04-21 02:50:19

import { Container, Button, Label } from '@bsf/force-ui';
import { __ } from '@wordpress/i18n';
import { ArrowUpRight } from 'lucide-react';
import { QuickLink } from './quick-link';
import { quickLinks } from './dashboard-constants';

const QuickLinksSection = () => {
	const handleOpenSettings = () => {
		window.open(
			surerank_globals.wp_dashboard_url + '?page=surerank_settings',
			'_self'
		);
	};

return (
		<Container
			className="bg-background-primary md:w-full lg:w-full border border-solid rounded-xl border-border-subtle p-3 xl:p-4 shadow-sm"
			containerType="flex"
			direction="column"
			gap="xs"
		>
			<Container.Item className="md:w-full p-1 lg:w-full">
				<Container align="center" gap="xs" justify="between">
					<Container.Item className="">
						<Label className="font-semibold text-text-primary">
							{ __( 'Quick Links', 'surerank' ) }
						</Label>
					</Container.Item>
					<Container.Item className="items-center flex" gap="xs">
						<Button
							icon={ <ArrowUpRight className="size-4" /> }
							iconPosition="right"
							variant="ghost"
							size="sm"
							className="focus:[box-shadow:none]"
							onClick={ handleOpenSettings }
						>
							{ __( 'View All', 'surerank' ) }
						</Button>
					</Container.Item>
				</Container>
			</Container.Item>
			<Container.Item className="md:w-full lg:w-full bg-field-primary-background rounded-lg">
				<Container
					className="gap-1 p-1 grid-cols-1 md:grid-cols-2 xl:grid-cols-3"
					containerType="grid"
				>
					{ quickLinks.map( ( link ) => (
						<QuickLink key={ link.label } link={ link } />
					) ) }
				</Container>
			</Container.Item>
		</Container>
	);
};

export default QuickLinksSection;

Supports: PHP, ASPX, HTML, JavaScript, CSS and other text-based files

📥 Download

File manager