Site verification status UI #48
@@ -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 && (
|
||||||
|
|||||||
Reference in New Issue
Block a user