Mirrors/gomuks
1
0
Fork 1
mirror of https://github.com/tulir/gomuks.git synced 2025-04-20 10:33:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

web/settings: fix css editor initial state

Browse source
This commit is contained in:
Tulir Asokan 2024-11-18 00:34:26 +02:00
parent 4ee46c8df5
commit ace847891b
1 changed files with 17 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
web/src/ui/settings/SettingsView.tsx
View file

@ -134,20 +134,24 @@ interface SettingsViewProps {
const CustomCSSInput = ({ setPref, room }: { setPref: SetPrefFunc, room: RoomStateStore }) => { const CustomCSSInput = ({ setPref, room }: { setPref: SetPrefFunc, room: RoomStateStore }) => {
const client = use(ClientContext)! const client = use(ClientContext)!
const [context, setContext] = useState(PreferenceContext.Account) const [context, setContext] = useState(PreferenceContext.Account)
const [text, setText] = useState("") const getContextText = useCallback((context: PreferenceContext) => {
if (context === PreferenceContext.Account) {
return client.store.serverPreferenceCache.custom_css
} else if (context === PreferenceContext.Device) {
return client.store.localPreferenceCache.custom_css
} else if (context === PreferenceContext.RoomAccount) {
return room.serverPreferenceCache.custom_css
} else if (context === PreferenceContext.RoomDevice) {
return room.localPreferenceCache.custom_css
}
}, [client, room])
const origText = getContextText(context)
const [text, setText] = useState(origText ?? "")
const onChangeContext = useCallback((evt: React.ChangeEvent<HTMLSelectElement>) => { const onChangeContext = useCallback((evt: React.ChangeEvent<HTMLSelectElement>) => {
const newContext = evt.target.value as PreferenceContext const newContext = evt.target.value as PreferenceContext
setContext(newContext) setContext(newContext)
if (newContext === PreferenceContext.Account) { setText(getContextText(newContext) ?? "")
setText(client.store.serverPreferenceCache.custom_css ?? "") }, [getContextText])
} else if (newContext === PreferenceContext.Device) {
setText(client.store.localPreferenceCache.custom_css ?? "")
} else if (newContext === PreferenceContext.RoomAccount) {
setText(room.serverPreferenceCache.custom_css ?? "")
} else if (newContext === PreferenceContext.RoomDevice) {
setText(room.localPreferenceCache.custom_css ?? "")
}
}, [client, room])
const onChangeText = useCallback((evt: React.ChangeEvent<HTMLTextAreaElement>) => { const onChangeText = useCallback((evt: React.ChangeEvent<HTMLTextAreaElement>) => {
setText(evt.target.value) setText(evt.target.value)
}, []) }, [])
@ -170,8 +174,8 @@ const CustomCSSInput = ({ setPref, room }: { setPref: SetPrefFunc, room: RoomSta
</div> </div>
<textarea value={text} onChange={onChangeText}/> <textarea value={text} onChange={onChangeText}/>
<div className="buttons"> <div className="buttons">
<button className="delete" onClick={onDelete}>Delete</button> {origText !== undefined && <button className="delete" onClick={onDelete}>Delete</button>}
<button className="save primary-color-button" onClick={onSave}>Save</button> <button className="save primary-color-button" onClick={onSave} disabled={origText === text}>Save</button>
</div> </div>
</div> </div>
} }