添加卡牌设置功能,更新状态管理和界面显示逻辑

This commit is contained in:
yuchenglong
2026-01-20 10:12:12 +08:00
parent 97f61e68bd
commit 08d05df8be
7 changed files with 242 additions and 38 deletions

View File

@@ -1,4 +1,4 @@
import { OddsSettings, storage } from "@/lib/storage";
import { CardsSettings, OddsSettings, storage } from "@/lib/storage";
import React, {
createContext,
ReactNode,
@@ -13,6 +13,7 @@ interface AppState {
selectedLeagueKey: string | null;
timezone: string;
oddsSettings: OddsSettings;
cardsSettings: CardsSettings;
}
interface AppStateContextType {
@@ -22,6 +23,7 @@ interface AppStateContextType {
updateLeagueKey: (leagueKey: string | null) => void;
updateTimezone: (timezone: string) => void;
updateOddsSettings: (settings: OddsSettings) => void;
updateCardsSettings: (settings: CardsSettings) => void;
}
const AppStateContext = createContext<AppStateContextType | undefined>(
@@ -35,13 +37,17 @@ export function AppStateProvider({ children }: { children: ReactNode }) {
selectedLeagueKey: null,
timezone: "UTC",
oddsSettings: { enabled: false, selectedBookmakers: [] },
cardsSettings: { enabled: false },
});
useEffect(() => {
// Initial load of odds settings
// Initial load of odds settings and cards settings
storage.getOddsSettings().then((settings) => {
setState((prev) => ({ ...prev, oddsSettings: settings }));
});
storage.getCardsSettings().then((settings) => {
setState((prev) => ({ ...prev, cardsSettings: settings }));
});
}, []);
const updateSportId = (sportId: number | null) => {
@@ -65,6 +71,11 @@ export function AppStateProvider({ children }: { children: ReactNode }) {
storage.setOddsSettings(settings);
};
const updateCardsSettings = (settings: CardsSettings) => {
setState((prev) => ({ ...prev, cardsSettings: settings }));
storage.setCardsSettings(settings);
};
return (
<AppStateContext.Provider
value={{
@@ -74,6 +85,7 @@ export function AppStateProvider({ children }: { children: ReactNode }) {
updateLeagueKey,
updateTimezone,
updateOddsSettings,
updateCardsSettings,
}}
>
{children}