File Manager

✏️ Edit File: /home/mklsvubc/sendmaxagency.com/wp-content/plugins/surerank/src/admin-notice/components/notice.js

import { SureRankLogo } from '@/global/components/icons';
import { Button, Text } from '@bsf/force-ui';
import { XIcon } from 'lucide-react';
import { __ } from '@wordpress/i18n';
import apiFetch from '@wordpress/api-fetch';
import { redirectToPricingPage } from '@/functions/nudges';
import { getSurerankUtmUrl } from '@/global/utils/utm';

const LEARN_MORE_URL =
	'https://surerank.com/changed-a-url-heres-how-to-protect-your-seo-with-redirects/';

return (
		<div className="surerank-root">
			<div className="bg-background-primary rounded-r-lg border-l-[3px] border-brand-800 shadow-[0px_8px_32px_-12px_rgba(149,160,178,0.16)] p-3 my-4 mr-0 ml-0">
				<div className="flex items-center justify-between gap-0.5">
					<div className="flex items-center gap-3 flex-1">
						<SureRankLogo className="w-5 h-6 shrink-0 text-brand-primary-600" />
						<div className="flex items-center gap-2 px-1 flex-1">
							<Text size={ 14 } lineHeight={ 20 }>
								{ __(
									'Changed a permalink? SureRank Pro automatically redirects old URLs to keep your SEO intact.',
									'surerank'
								) }
							</Text>

<Button
								variant="link"
								size="xs"
								onClick={ () =>
									redirectToPricingPage( 'redirect_notice' )
								}
							>
								{ __( 'Upgrade Now', 'surerank' ) }
							</Button>

<Button
								variant="link"
								size="xs"
								onClick={ () =>
									window.open(
										getSurerankUtmUrl(
											LEARN_MORE_URL,
											'core_plugin',
											'redirect_notice',
											'redirect_notice_learn_more'
										),
										'_blank',
										'noopener,noreferrer'
									)
								}
							>
								{ __( 'Learn more', 'surerank' ) }
							</Button>
						</div>
					</div>
					<Button
						className="!p-0.5 before:!hidden"
						size="sm"
						variant="ghost"
						icon={ <XIcon className="size-5 text-text-tertiary" /> }
						onClick={ handleDismiss }
					/>
				</div>
			</div>
		</div>
	);
};

export default Notice;

Batal

⬅ Naik ke admin-notice 2 item

Nama	Tipe	Ukuran	Diubah	Aksi
📜index.js	js	46 B	2026-06-26 15:48	✏️ Edit 👁️ View
📜notice.js	js	2.3 KB	2026-06-26 15:48	✏️ Edit 👁️ View