This commit is contained in:
gingervitis 2020-12-03 22:55:04 -08:00
parent f55901064c
commit cd1eadebc1
2 changed files with 26 additions and 27 deletions

View File

@ -180,9 +180,8 @@ export default function Home() {
</Card>
</div>
</div>
</div>
</div>
</div>
<LogTable logs={logsData} pageSize={5} />
</div>
);

View File

@ -1,10 +1,8 @@
import { Result, Card, Typography } from "antd";
import { Result, Card } from "antd";
import { MessageTwoTone, BulbTwoTone, BookTwoTone, PlaySquareTwoTone } from '@ant-design/icons';
import OwncastLogo from "./components/logo"
import LogTable from "./components/log-table";
const { Title } = Typography;
const { Meta } = Card;
export default function Offline({ logs = [] }) {
@ -47,29 +45,31 @@ export default function Offline({ logs = [] }) {
];
return (
<div className="offline-content">
<div className="logo-section">
<Result
icon={<OwncastLogo />}
title="No stream is active."
subTitle="You should start one."
/>
</div>
<div className="list-section">
{
data.map(item => (
<Card key={item.title}>
<Meta
avatar={item.icon}
title={item.title}
description={item.content}
/>
</Card>
))
}
</div>
<>
<div className="offline-content">
<div className="logo-section">
<Result
icon={<OwncastLogo />}
title="No stream is active."
subTitle="You should start one."
/>
</div>
<div className="list-section">
{
data.map(item => (
<Card key={item.title}>
<Meta
avatar={item.icon}
title={item.title}
description={item.content}
/>
</Card>
))
}
</div>
</div>
<LogTable logs={logs} pageSize={5} />
</div>
</>
);
}