42 lines
1.8 KiB
TypeScript
42 lines
1.8 KiB
TypeScript
import * as React from "react";
|
|
import Dailiesview from "./Dailiesview"
|
|
import Habitsview from "./Habitsview"
|
|
import Todoview from "./Todoview"
|
|
import Rewardview from "./Rewardview"
|
|
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
|
|
|
|
export default function Index(props: any){
|
|
const display = <div className="task-view">
|
|
<Tabs>
|
|
<TabList>
|
|
|
|
<Tab>
|
|
<span className="material-icons md-24">today</span>
|
|
</Tab>
|
|
<Tab >
|
|
<span className="material-icons md-24">add_chart</span>
|
|
</Tab>
|
|
<Tab>
|
|
<span className="material-icons md-24">assignment_turned_in</span>
|
|
</Tab>
|
|
<Tab>
|
|
<span className="material-icons md-24">account_balance</span>
|
|
</Tab>
|
|
</TabList>
|
|
<TabPanel>
|
|
<Dailiesview dailys={props.data.dailys} onChange={props.handleChangeDailys} />
|
|
</TabPanel>
|
|
<TabPanel>
|
|
<Habitsview habits={props.data.habits} onChange={props.handleChangeHabits}/>
|
|
</TabPanel>
|
|
<TabPanel>
|
|
<Todoview todos={props.data.todos} onChange={props.handleChangeTodos} />
|
|
</TabPanel>
|
|
<TabPanel>
|
|
<Rewardview rewards={props.data.rewards} onChange={props.handleChangeRewards} />
|
|
</TabPanel>
|
|
</Tabs>
|
|
</div>
|
|
return(display);
|
|
} //yes
|
|
|