kyuuseiryuu/my-kaiqiuwang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(GameSelector): request only once

Browse Source
This commit is contained in:
kyuuseiryuu 2026-03-07 11:37:11 +09:00
parent 23888b31bc
commit bcfedd0009
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/GameSelector/GameSelector.tsx
View File

@ -2,7 +2,7 @@ import { Card, Divider, Flex, Select, Skeleton, Space, Statistic, Switch, Typogr
import type React from 'react'; import type React from 'react';
import { useRequest } from 'ahooks'; import { useRequest } from 'ahooks';
import { clubs } from './clubList'; import { clubs } from './clubList';
import { useCallback, useMemo, useState } from 'react'; import { useCallback, useEffect, useMemo, useState } from 'react';
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import type { IEventInfo } from '../../types'; import type { IEventInfo } from '../../types';
@ -12,11 +12,11 @@ interface Props {
export const GameSelector: React.FC<Props> = props => { export const GameSelector: React.FC<Props> = props => {
const [clubId, setClubId] = useState<string>(clubs[0]?.clubId ?? ''); const [clubId, setClubId] = useState<string>(clubs[0]?.clubId ?? '');
const requestEvents = useRequest<IEventInfo[], []>( const requestEvents = useRequest<IEventInfo[], [string]>(
async () => { async (clubId: string) => {
if (!clubId) return []; if (!clubId) return [];
return (await fetch(`/api/events/${clubId}`)).json() return (await fetch(`/api/events/${clubId}`)).json()
}, { manual: false, refreshDeps: [clubId] }) }, { manual: true });
const [showFinished, setShowFinished] = useState(false); const [showFinished, setShowFinished] = useState(false);
const gameList = useMemo(() => { const gameList = useMemo(() => {
const activeList = requestEvents.data?.map(e => ({ const activeList = requestEvents.data?.map(e => ({
@ -30,6 +30,15 @@ export const GameSelector: React.FC<Props> = props => {
}, [gameList]); }, [gameList]);
const handleClubChange = useCallback(async (id: string) => { const handleClubChange = useCallback(async (id: string) => {
setClubId(id); setClubId(id);
requestEvents.runAsync(id);
}, []);
useEffect(() => {
const id = setTimeout(() => {
const clubId = clubs?.[0]?.clubId;
if (!clubId) return;
requestEvents.run(clubId);
}, 100);
return () => clearTimeout(id);
}, []); }, []);
return ( return (
<Space orientation='vertical' style={{ width: '100%' }}> <Space orientation='vertical' style={{ width: '100%' }}>