forked from cerc-io/laconic-console
43 lines
875 B
JavaScript
43 lines
875 B
JavaScript
//
|
|
// Copyright 2020 DxOS.org
|
|
//
|
|
|
|
import React, { useState } from 'react';
|
|
import { makeStyles } from '@material-ui/core';
|
|
import Tabs from '@material-ui/core/Tabs';
|
|
import Tab from '@material-ui/core/Tab';
|
|
|
|
import Panel from '../../../components/Panel';
|
|
import Toolbar from '../../../components/Toolbar';
|
|
|
|
import AppRecords from './AppRecords';
|
|
|
|
const TAB_RECORDS = 'records';
|
|
|
|
const useStyles = makeStyles(theme => ({
|
|
root: {}
|
|
}));
|
|
|
|
const Apps = () => {
|
|
const classes = useStyles();
|
|
const [tab, setTab] = useState(TAB_RECORDS);
|
|
|
|
return (
|
|
<Panel
|
|
toolbar={
|
|
<Toolbar>
|
|
<Tabs value={tab} onChange={(_, value) => setTab(value)}>
|
|
<Tab value={TAB_RECORDS} label="Records" />
|
|
</Tabs>
|
|
</Toolbar>
|
|
}
|
|
>
|
|
{tab === TAB_RECORDS && (
|
|
<AppRecords />
|
|
)}
|
|
</Panel>
|
|
);
|
|
};
|
|
|
|
export default Apps;
|