58 lines
1.5 KiB
TypeScript
58 lines
1.5 KiB
TypeScript
import { createContext, useContext, useState, type ReactNode } from "react";
|
|
import { createMMKV } from "react-native-mmkv";
|
|
import i18n, {
|
|
type LanguageCode,
|
|
type StoredLanguage,
|
|
getStoredLanguage,
|
|
setStoredLanguage,
|
|
resolveLanguage,
|
|
} from "../i18n";
|
|
|
|
const storage = createMMKV();
|
|
|
|
type SettingsContextType = {
|
|
poolLength: number;
|
|
setPoolLength: (length: number) => void;
|
|
language: StoredLanguage;
|
|
setLanguage: (code: StoredLanguage) => void;
|
|
};
|
|
|
|
const SettingsContext = createContext<SettingsContextType>({
|
|
poolLength: 25,
|
|
setPoolLength: () => {},
|
|
language: "system",
|
|
setLanguage: () => {},
|
|
});
|
|
|
|
export function useSettings() {
|
|
return useContext(SettingsContext);
|
|
}
|
|
|
|
export function SettingsProvider({ children }: { children: ReactNode }) {
|
|
const [poolLength, setPoolLengthState] = useState<number>(() => {
|
|
const stored = storage.getNumber("poolLength");
|
|
return stored ?? 25;
|
|
});
|
|
|
|
const [language, setLanguageState] = useState<StoredLanguage>(() => {
|
|
return getStoredLanguage() ?? "system";
|
|
});
|
|
|
|
const setPoolLength = (length: number) => {
|
|
setPoolLengthState(length);
|
|
storage.set("poolLength", length);
|
|
};
|
|
|
|
const setLanguage = (code: StoredLanguage) => {
|
|
setLanguageState(code);
|
|
setStoredLanguage(code);
|
|
i18n.changeLanguage(resolveLanguage(code));
|
|
};
|
|
|
|
return (
|
|
<SettingsContext.Provider value={{ poolLength, setPoolLength, language, setLanguage }}>
|
|
{children}
|
|
</SettingsContext.Provider>
|
|
);
|
|
}
|