0
0
Fork 0
This commit is contained in:
xeltica 2021-09-05 10:50:35 +09:00
parent 2c2385ac59
commit d94f2c91fb
11 changed files with 160 additions and 30 deletions

View file

@ -1,29 +1,25 @@
import React, { useMemo, useState } from 'react';
import { Header } from '../components/Header';
import { SessionData } from '../components/SessionData';
import { SessionDataPage } from '../components/SessionDataPage';
import { Ranking } from '../components/Ranking';
import { Tab, TabItem } from '../components/Tab';
import { SettingPage } from '../components/SettingPage';
export const IndexSessionPage: React.VFC = () => {
const [selectedTab, setSelectedTab] = useState<number>(0);
const items = useMemo<TabItem[]>(() => ([
{
label: 'データ',
},
{
label: 'ランキング',
},
{
label: '設定',
},
{ label: 'データ' },
{ label: 'ランキング' },
{ label: '設定' },
]), []);
const component = useMemo(() => {
switch (selectedTab) {
case 0: return <SessionData />;
case 0: return <SessionDataPage />;
case 1: return <Ranking limit={10}/>;
case 2: return <SettingPage/>;
default: return null;
}
}, [selectedTab]);