refactor: move panels to their own module

striker-ui/components/Anvils/index.tsx

@@ -1,4 +1,4 @@
-import Panel from '../Panel';
+import { Panel } from '../Panels';
 import PeriodicFetch from '../../lib/fetchers/periodicFetch';
 import SelectedAnvil from './SelectedAnvil';
 import AnvilList from './AnvilList';

striker-ui/components/CPU.tsx

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { Box } from '@material-ui/core';
-import Panel from './Panel';
+import { Panel } from './Panels';
 import { AllocationBar } from './Bars';
 import { HeaderText, BodyText } from './Text';
 import PeriodicFetch from '../lib/fetchers/periodicFetch';

striker-ui/components/Memory.tsx

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { Box } from '@material-ui/core';
 import * as prettyBytes from 'pretty-bytes';
-import Panel from './Panel';
+import { Panel } from './Panels';
 import { AllocationBar } from './Bars';
 import { HeaderText, BodyText } from './Text';
 import PeriodicFetch from '../lib/fetchers/periodicFetch';

striker-ui/components/Network.tsx

@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import { Box, Divider } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import { ClassNameMap } from '@material-ui/styles';
-import Panel from './Panel';
+import { Panel } from './Panels';
 import { HeaderText, BodyText } from './Text';
 import PeriodicFetch from '../lib/fetchers/periodicFetch';
 import { BLUE, PURPLE_OFF, DIVIDER } from '../lib/consts/DEFAULT_THEME';

striker-ui/components/Nodes/AnvilNode.tsx

@@ -2,10 +2,9 @@ import { Box, Switch } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import { ClassNameMap } from '@material-ui/styles';
 
-import InnerPanel from '../InnerPanel';
+import { InnerPanel, PanelHeader } from '../Panels';
 import { ProgressBar } from '../Bars';
 import { BodyText } from '../Text';
-import PanelHeader from '../PanelHeader';
 import { BLUE, RED_ON, TEXT, PURPLE_OFF } from '../../lib/consts/DEFAULT_THEME';
 import nodeState from '../../lib/consts/NODES';
 

striker-ui/components/Nodes/index.tsx

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
-import Panel from '../Panel';
+import { Panel } from '../Panels';
-import Text from '../Text/HeaderText';
+import { HeaderText } from '../Text';
 import AnvilNode from './AnvilNode';
 import PeriodicFetch from '../../lib/fetchers/periodicFetch';
 import { AnvilContext } from '../AnvilContext';
@@ -15,7 +15,7 @@ const Nodes = ({ anvil }: { anvil: AnvilListItem[] }): JSX.Element => {
 
   return (
     <Panel>
-      <Text text="Nodes" />
+      <HeaderText text="Nodes" />
       {anvil.findIndex((a) => a.anvil_uuid === uuid) !== -1 && (
         <AnvilNode
           nodes={anvil[anvil.findIndex((a) => a.anvil_uuid === uuid)].nodes.map(

striker-ui/components/Panels/InnerPanel.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Box } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-import { DIVIDER } from '../lib/consts/DEFAULT_THEME';
+import { DIVIDER } from '../../lib/consts/DEFAULT_THEME';
 
 type Props = {
   children: ReactNode;

striker-ui/components/Panels/Panel.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
-import { PANEL_BACKGROUND, TEXT } from '../lib/consts/DEFAULT_THEME';
+import { PANEL_BACKGROUND, TEXT } from '../../lib/consts/DEFAULT_THEME';
 
 type Props = {
   children: ReactNode;

striker-ui/components/Panels/PanelHeader.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Box } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-import { DIVIDER } from '../lib/consts/DEFAULT_THEME';
+import { DIVIDER } from '../../lib/consts/DEFAULT_THEME';
 
 type Props = {
   children: ReactNode;

striker-ui/components/Panels/index.tsx

@@ -0,0 +1,5 @@
+import PanelHeader from './PanelHeader';
+import InnerPanel from './InnerPanel';
+import Panel from './Panel';
+
+export { Panel, PanelHeader, InnerPanel };

striker-ui/components/Servers.tsx

@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import { List, ListItem, Divider, Box } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import { ClassNameMap } from '@material-ui/styles';
-import Panel from './Panel';
+import { Panel } from './Panels';
 import PeriodicFetch from '../lib/fetchers/periodicFetch';
 import { HeaderText, BodyText } from './Text';
 import {

striker-ui/components/SharedStorage.tsx

@@ -3,10 +3,8 @@ import { useContext } from 'react';
 import { Box } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import { BodyText, HeaderText } from './Text';
-import Panel from './Panel';
+import { Panel, InnerPanel, PanelHeader } from './Panels';
 import SharedStorageNode from './SharedStorageNode';
-import InnerPanel from './InnerPanel';
-import PanelHeader from './PanelHeader';
 import PeriodicFetch from '../lib/fetchers/periodicFetch';
 import { AnvilContext } from './AnvilContext';
 

striker-ui/components/Storage.tsx

@@ -1,6 +1,6 @@
 import { Grid } from '@material-ui/core';
 import * as prettyBytes from 'pretty-bytes';
-import Panel from './Panel';
+import { Panel } from './Panels';
 import { AllocationBar } from './Bars';
 import { HeaderText, BodyText } from './Text';
 import PeriodicFetch from '../lib/fetchers/periodicFetch';