Add support for showing usage graphs on the console page

This commit is contained in:
Dane Everitt 2019-09-29 13:23:15 -07:00
parent c66d2cd123
commit 29834a33f8
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
7 changed files with 292 additions and 52 deletions

View file

@ -0,0 +1,23 @@
import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { IconProp } from '@fortawesome/fontawesome-svg-core';
interface Props {
icon?: IconProp;
title: string;
className?: string;
children: React.ReactNode;
}
export default ({ icon, title, children, className }: Props) => (
<div className={`rounded shadow-md bg-neutral-700 ${className}`}>
<div className={'bg-neutral-900 rounded-t p-3 border-b border-black'}>
<p className={'text-sm uppercase'}>
{icon && <FontAwesomeIcon icon={icon} className={'mr-2 text-neutral-300'}/>}{title}
</p>
</div>
<div className={'p-3'}>
{children}
</div>
</div>
);