make wording on delete more clear its about atcr and not other atproto data

This commit is contained in:
Evan Jarrett
2026-01-10 11:41:02 -06:00
parent 9e600649a6
commit 3155f91e3a
+50 -7
View File
@@ -200,8 +200,12 @@
<h2><i data-lucide="alert-triangle"></i> Danger Zone</h2>
<div class="danger-card">
<h3>Delete Account</h3>
<p>Permanently delete your ATCR account and all associated data. This action cannot be undone.</p>
<h3>Delete ATCR Data</h3>
<p>Remove your data from ATCR. This action cannot be undone.</p>
<div class="info-notice">
<i data-lucide="info"></i>
<span><strong>This does not delete your ATProto (Bluesky, Blacksky, Tangled) account.</strong><br>Only ATCR-specific data (authorized devices, hold memberships, settings) will be removed.</span>
</div>
<div class="delete-options">
<label class="checkbox-label">
@@ -209,14 +213,14 @@
<span>Also delete all <code>io.atcr.*</code> records from my ATProto PDS</span>
</label>
<small class="option-help">
This will remove manifests, tags, stars, and profile data from your Bluesky account.
Your PDS data is always under your control, so this is optional.
This removes ATCR records (manifests, tags, stars, profile) stored in your PDS.
Other records in your account are not impacted.
</small>
</div>
<button type="button" id="delete-account-btn" class="btn-danger-large">
<i data-lucide="trash-2"></i>
Delete My Account
Delete My ATCR Data
</button>
</div>
</section>
@@ -373,7 +377,11 @@
modal.className = 'delete-modal-backdrop';
modal.innerHTML = `
<div class="delete-modal">
<h2><i data-lucide="alert-triangle"></i> Delete Account</h2>
<h2><i data-lucide="alert-triangle"></i> Delete ATCR Data</h2>
<p class="reassurance-text">
<i data-lucide="check-circle"></i>
Your ATProto account will <strong>NOT</strong> be affected.
</p>
<p class="warning-text">
This action <strong>cannot be undone</strong>. This will permanently delete:
</p>
@@ -390,7 +398,7 @@
<button type="button" class="btn-cancel" id="cancel-delete">Cancel</button>
<button type="button" class="btn-confirm-delete" id="confirm-delete" disabled>
<i data-lucide="trash-2"></i>
Delete My Account
Delete My ATCR Data
</button>
</div>
</div>
@@ -904,6 +912,24 @@
margin-left: 1.5rem;
color: var(--fg-muted);
}
/* Info Notice in Danger Zone */
.danger-card .info-notice {
display: flex;
align-items: flex-start;
gap: 0.5rem;
padding: 0.75rem 1rem;
margin: 1rem 0;
background: #eff6ff;
border: 1px solid #3b82f6;
border-radius: 4px;
color: #1e40af;
}
.danger-card .info-notice svg {
width: 1rem;
height: 1rem;
flex-shrink: 0;
margin-top: 0.125rem;
}
.btn-danger-large {
display: inline-flex;
align-items: center;
@@ -959,6 +985,23 @@
width: 1.5rem;
height: 1.5rem;
}
.delete-modal .reassurance-text {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 0.75rem;
margin-bottom: 1rem;
background: #dcfce7;
border: 1px solid #22c55e;
border-radius: 4px;
color: #166534;
font-size: 0.9rem;
}
.delete-modal .reassurance-text svg {
width: 1rem;
height: 1rem;
flex-shrink: 0;
}
.delete-modal .warning-text {
margin-bottom: 0.5rem;
}