Site verification status UI #48

Merged
uz1mani merged 4 commits from staging into main 2026-03-13 16:20:12 +00:00
5 changed files with 60 additions and 20 deletions
Showing only changes of commit 344838e0cd - Show all commits

View File

@@ -709,22 +709,24 @@ export default function SiteSettingsPage() {
className="mb-4" className="mb-4"
/> />
<div className="flex items-center gap-4 mt-4">
{site.is_verified ? ( {site.is_verified ? (
<div className="flex items-center justify-between mt-4 px-4 py-3 rounded-xl bg-green-50 dark:bg-green-900/10 border border-green-200 dark:border-green-900/30"> <>
<div className="flex items-center gap-2 text-sm font-medium text-green-700 dark:text-green-400"> <div className="flex items-center gap-2 text-sm text-green-600 dark:text-green-500">
<CheckIcon className="w-4 h-4" /> <CheckIcon className="w-4 h-4" />
Script verified your site is sending data correctly. <span>Verified</span>
</div> </div>
<span className="text-neutral-300 dark:text-neutral-700">·</span>
<button <button
type="button" type="button"
onClick={() => setShowVerificationModal(true)} onClick={() => setShowVerificationModal(true)}
className="text-xs text-green-600 dark:text-green-500 hover:underline" className="text-xs text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300 transition-colors"
> >
Re-verify Re-verify
</button> </button>
</div> </>
) : ( ) : (
<div className="flex items-center gap-4 mt-4"> <>
<button <button
type="button" type="button"
onClick={() => setShowVerificationModal(true)} onClick={() => setShowVerificationModal(true)}
@@ -736,9 +738,10 @@ export default function SiteSettingsPage() {
<p className="text-xs text-neutral-500 dark:text-neutral-400"> <p className="text-xs text-neutral-500 dark:text-neutral-400">
Check if your site is sending data correctly. Check if your site is sending data correctly.
</p> </p>
</div> </>
)} )}
</div> </div>
</div>
<div className="pt-4 border-t border-neutral-100 dark:border-neutral-800 flex justify-end"> <div className="pt-4 border-t border-neutral-100 dark:border-neutral-800 flex justify-end">
{canEdit && ( {canEdit && (