Fix & Refactor UI/UX Page [Settings]

- [+] fix(settings.tsx): fix conditional rendering of ListItem based on clientConfig.isApp
- [+] refactor(settings.tsx): improve readability of conditional rendering code
This commit is contained in:
H0llyW00dzZ 2023-11-27 08:07:53 +07:00
parent 7df868e22a
commit dda40e29f4
No known key found for this signature in database
GPG Key ID: 05C7FFFC0845C930

View File

@ -914,6 +914,9 @@ export function Settings() {
{!accessStore.hideUserApiKey && ( {!accessStore.hideUserApiKey && (
<> <>
{
// Conditionally render the following ListItem based on clientConfig.isApp
!clientConfig?.isApp && ( // only show if isApp is false
<ListItem <ListItem
title={Locale.Settings.Access.CustomEndpoint.Title} title={Locale.Settings.Access.CustomEndpoint.Title}
subTitle={Locale.Settings.Access.CustomEndpoint.SubTitle} subTitle={Locale.Settings.Access.CustomEndpoint.SubTitle}
@ -929,6 +932,8 @@ export function Settings() {
} }
></input> ></input>
</ListItem> </ListItem>
)
}
{accessStore.useCustomConfig && ( {accessStore.useCustomConfig && (
<> <>
<ListItem <ListItem