fix(17): IN-05 normalize AdminPage JSX formatting with Prettier

This commit is contained in:
Lucas Berger
2026-06-18 13:48:34 -04:00
parent 11b6b36cb9
commit 4bc1e2a820
+10 -20
View File
@@ -244,9 +244,7 @@ export function AdminPage() {
e.preventDefault();
setActiveTab(next);
(
e.currentTarget.parentElement?.querySelector(
`[id="admin-tab-${next}"]`,
) as HTMLElement | null
e.currentTarget.parentElement?.querySelector(`[id="admin-tab-${next}"]`) as HTMLElement | null
)?.focus();
}
@@ -370,13 +368,9 @@ export function AdminPage() {
fontSize: 'var(--text-label-size, 13px)',
fontWeight: activeTab === id ? 600 : 400,
color:
activeTab === id
? 'var(--color-text-primary)'
: 'var(--color-text-secondary)',
activeTab === id ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',
borderBottom:
activeTab === id
? '2px solid var(--color-member-0)'
: '2px solid transparent',
activeTab === id ? '2px solid var(--color-member-0)' : '2px solid transparent',
transition: 'color 0.1s ease, border-color 0.1s ease',
fontFamily: 'var(--font-family-base)',
}}
@@ -394,7 +388,6 @@ export function AdminPage() {
tabIndex={0}
hidden={activeTab !== 'members'}
>
{/* ── MEMBERS section ───────────────────────────────────────────── */}
<section aria-label="Members" style={{ marginBottom: 'var(--space-8, 32px)' }}>
<div style={sectionLabelStyle}>Members</div>
@@ -667,8 +660,8 @@ export function AdminPage() {
</div>
</div>
</section>
</div>{/* end admin-panel-members */}
</div>
{/* end admin-panel-members */}
{/* ── Tab panel: Settings ───────────────────────────────────────────── */}
<div
@@ -678,7 +671,6 @@ export function AdminPage() {
tabIndex={0}
hidden={activeTab !== 'settings'}
>
{/* ── SHARED CALENDAR section ──────────────────────────────────────── */}
<section aria-label="Shared Calendar" style={{ marginBottom: 'var(--space-8, 32px)' }}>
<div style={sectionLabelStyle}>Shared Calendar</div>
@@ -984,9 +976,7 @@ export function AdminPage() {
color: 'var(--color-text-primary)',
borderRadius: 'var(--space-1, 4px)',
cursor: 'pointer',
background: active
? 'var(--color-member-0, #4A90D9)'
: 'transparent',
background: active ? 'var(--color-member-0, #4A90D9)' : 'transparent',
...(active ? { color: '#ffffff' } : null),
minHeight: '44px',
display: 'flex',
@@ -1069,10 +1059,10 @@ export function AdminPage() {
</>
)}
</section>
</div>{/* end admin-panel-settings */}
</div>{/* end centered content column */}
</div>
{/* end admin-panel-settings */}
</div>
{/* end centered content column */}
{/* ── Success toast (D-08) ──────────────────────────────────────────────── */}
{toast && (