Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 04:18:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(core): selector for editorSetting hooks (#8108)

Browse Source
This commit is contained in:
EYHN
2024-09-05 08:44:10 +00:00
parent 3837c84791
commit 691bfed185
5 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/mobile/src/views/settings/appearance/font.tsx
View File

@@ -13,7 +13,9 @@ import { RowLayout } from '../row.layout';
export const FontStyleSetting = () => {
const t = useI18n();
const editorSetting = useService(EditorSettingService).editorSetting;
const settings = useLiveData(editorSetting.settings$);
const fontFamily = useLiveData(
editorSetting.settings$.selector(s => s.fontFamily)
);
const options = useMemo(() => getBaseFontStyleOptions(t), [t]);
const handleEdit = useCallback(
@@ -27,7 +29,7 @@ export const FontStyleSetting = () => {
<RowLayout label={t['com.affine.mobile.setting.appearance.font']()}>
<SettingDropdownSelect<FontFamily>
options={options}
value={settings.fontFamily}
value={fontFamily}
onChange={handleEdit}
/>
</RowLayout>