1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
"use client";
import { createContext, useContext } from "react";
import { useQuery } from "@tanstack/react-query";
import { useTRPC } from "@karakeep/shared-react/trpc";
import { ZUserSettings } from "@karakeep/shared/types/users";
export const UserSettingsContext = createContext<ZUserSettings>({
bookmarkClickAction: "open_original_link",
archiveDisplayBehaviour: "show",
timezone: "UTC",
backupsEnabled: false,
backupsFrequency: "daily",
backupsRetentionDays: 7,
readerFontSize: null,
readerLineHeight: null,
readerFontFamily: null,
autoTaggingEnabled: null,
autoSummarizationEnabled: null,
tagStyle: "as-generated",
curatedTagIds: null,
inferredTagLang: null,
});
export function UserSettingsContextProvider({
userSettings,
children,
}: {
userSettings: ZUserSettings;
children: React.ReactNode;
}) {
const api = useTRPC();
const { data } = useQuery(
api.users.settings.queryOptions(undefined, {
initialData: userSettings,
}),
);
return (
<UserSettingsContext.Provider value={data}>
{children}
</UserSettingsContext.Provider>
);
}
export function useUserSettings() {
return useContext(UserSettingsContext);
}
|
