k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-06-22 14:51:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: toggle switches not reflecting state in admin settings

Browse Source
This commit is contained in:
Maurice
2026-03-31 22:49:31 +02:00
parent ce7215341f
commit c38e70e244
2 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Admin/BackupPanel.tsx
+4 -2
View File
@@ -324,9 +324,11 @@ export default function BackupPanel() {
</div> </div>
<button <button
onClick={() => handleAutoSettingsChange('enabled', !autoSettings.enabled)} onClick={() => handleAutoSettingsChange('enabled', !autoSettings.enabled)}
className={`relative shrink-0 inline-flex h-6 w-11 items-center rounded-full transition-colors ${autoSettings.enabled ? 'bg-slate-900 dark:bg-slate-100' : 'bg-gray-200 dark:bg-gray-600'}`} className="relative shrink-0 inline-flex h-6 w-11 items-center rounded-full transition-colors"
style={{ background: autoSettings.enabled ? 'var(--text-primary)' : 'var(--border-primary)' }}
> >
<span className={`absolute left-1 h-4 w-4 rounded-full bg-white shadow transition-transform duration-200 ${autoSettings.enabled ? 'translate-x-5' : 'translate-x-0'}`} /> <span className="absolute left-0.5 h-5 w-5 rounded-full bg-white transition-transform duration-200"
style={{ transform: autoSettings.enabled ? 'translateX(20px)' : 'translateX(0)' }} />
</button> </button>
</label> </label>
client/src/pages/AdminPage.tsx
+20 -22
View File
@@ -708,14 +708,12 @@ export default function AdminPage(): React.ReactElement {
</div> </div>
<button <button
onClick={() => handleToggleRegistration(!allowRegistration)} onClick={() => handleToggleRegistration(!allowRegistration)}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${ className="relative inline-flex h-6 w-11 items-center rounded-full transition-colors"
allowRegistration ? 'bg-slate-900' : 'bg-slate-300' style={{ background: allowRegistration ? 'var(--text-primary)' : 'var(--border-primary)' }}
}`}
> >
<span <span
className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${ className="absolute left-0.5 h-5 w-5 rounded-full bg-white transition-transform duration-200"
allowRegistration ? 'translate-x-6' : 'translate-x-1' style={{ transform: allowRegistration ? 'translateX(20px)' : 'translateX(0)' }}
}`}
/> />
</button> </button>
</div> </div>
@@ -736,14 +734,12 @@ export default function AdminPage(): React.ReactElement {
<button <button
type="button" type="button"
onClick={() => handleToggleRequireMfa(!requireMfa)} onClick={() => handleToggleRequireMfa(!requireMfa)}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${ className="relative inline-flex h-6 w-11 items-center rounded-full transition-colors"
requireMfa ? 'bg-slate-900' : 'bg-slate-300' style={{ background: requireMfa ? 'var(--text-primary)' : 'var(--border-primary)' }}
}`}
> >
<span <span
className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${ className="absolute left-0.5 h-5 w-5 rounded-full bg-white transition-transform duration-200"
requireMfa ? 'translate-x-6' : 'translate-x-1' style={{ transform: requireMfa ? 'translateX(20px)' : 'translateX(0)' }}
}`}
/> />
</button> </button>
</div> </div>
@@ -940,14 +936,12 @@ export default function AdminPage(): React.ReactElement {
</div> </div>
<button <button
onClick={() => setOidcConfig(c => ({ ...c, oidc_only: !c.oidc_only }))} onClick={() => setOidcConfig(c => ({ ...c, oidc_only: !c.oidc_only }))}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors flex-shrink-0 ml-4 ${ className="relative inline-flex h-6 w-11 items-center rounded-full transition-colors flex-shrink-0 ml-4"
oidcConfig.oidc_only ? 'bg-slate-900' : 'bg-slate-300' style={{ background: oidcConfig.oidc_only ? 'var(--text-primary)' : 'var(--border-primary)' }}
}`}
> >
<span <span
className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${ className="absolute left-0.5 h-5 w-5 rounded-full bg-white transition-transform duration-200"
oidcConfig.oidc_only ? 'translate-x-6' : 'translate-x-1' style={{ transform: oidcConfig.oidc_only ? 'translateX(20px)' : 'translateX(0)' }}
}`}
/> />
</button> </button>
</div> </div>
@@ -1027,9 +1021,11 @@ export default function AdminPage(): React.ReactElement {
const newVal = isOn ? 'false' : 'true' const newVal = isOn ? 'false' : 'true'
setSmtpValues(prev => ({ ...prev, [opt.key]: newVal })) setSmtpValues(prev => ({ ...prev, [opt.key]: newVal }))
}} }}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${isOn ? 'bg-slate-900' : 'bg-slate-300'}`} className="relative inline-flex h-6 w-11 items-center rounded-full transition-colors"
style={{ background: isOn ? 'var(--text-primary)' : 'var(--border-primary)' }}
> >
<span className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${isOn ? 'translate-x-6' : 'translate-x-1'}`} /> <span className="absolute left-0.5 h-5 w-5 rounded-full bg-white transition-transform duration-200"
style={{ transform: isOn ? 'translateX(20px)' : 'translateX(0)' }} />
</button> </button>
</div> </div>
) )
@@ -1069,8 +1065,10 @@ export default function AdminPage(): React.ReactElement {
const newVal = smtpValues.smtp_skip_tls_verify === 'true' ? 'false' : 'true' const newVal = smtpValues.smtp_skip_tls_verify === 'true' ? 'false' : 'true'
setSmtpValues(prev => ({ ...prev, smtp_skip_tls_verify: newVal })) setSmtpValues(prev => ({ ...prev, smtp_skip_tls_verify: newVal }))
}} }}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${smtpValues.smtp_skip_tls_verify === 'true' ? 'bg-slate-900' : 'bg-slate-300'}`}> className="relative inline-flex h-6 w-11 items-center rounded-full transition-colors"
<span className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${smtpValues.smtp_skip_tls_verify === 'true' ? 'translate-x-6' : 'translate-x-1'}`} /> style={{ background: smtpValues.smtp_skip_tls_verify === 'true' ? 'var(--text-primary)' : 'var(--border-primary)' }}>
<span className="absolute left-0.5 h-5 w-5 rounded-full bg-white transition-transform duration-200"
style={{ transform: smtpValues.smtp_skip_tls_verify === 'true' ? 'translateX(20px)' : 'translateX(0)' }} />
</button> </button>
</div> </div>
</div> </div>