wip
This commit is contained in:
parent
2c2385ac59
commit
d94f2c91fb
11 changed files with 160 additions and 30 deletions
|
@ -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]);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue