frontend: Add Groups stories and interface docs

- Named files after component (GroupItem.tsx not Item.tsx) - Separated some components into their own files
flatcar · Nov 10, 2021 · 8a8fdbe · 8a8fdbe
1 parent 7c1c60e
commit 8a8fdbe
Show file tree

Hide file tree

Showing 17 changed files with 1,731 additions and 169 deletions.
diff --git a/frontend/src/components/Activity/__snapshots__/ActivityContainer.stories.storyshot b/frontend/src/components/Activity/__snapshots__/ActivityContainer.stories.storyshot
@@ -218,7 +218,7 @@ exports[`Storyshots activity/ActivityContainer List 1`] = `
               />
               <p
                 class="MuiTypography-root MuiTablePagination-caption makeStyles-caption MuiTypography-body2 MuiTypography-colorInherit"
-                id="mui-40881"
+                id="mui-42476"
               >
                 Rows per page:
               </p>
@@ -227,9 +227,9 @@ exports[`Storyshots activity/ActivityContainer List 1`] = `
               >
                 <div
                   aria-haspopup="listbox"
-                  aria-labelledby="mui-40881 mui-23482"
+                  aria-labelledby="mui-42476 mui-86070"
                   class="MuiSelect-root MuiSelect-select MuiTablePagination-select makeStyles-select MuiSelect-selectMenu MuiInputBase-input"
-                  id="mui-23482"
+                  id="mui-86070"
                   role="button"
                   tabindex="0"
                 >
@@ -672,7 +672,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
               />
               <p
                 class="MuiTypography-root MuiTablePagination-caption makeStyles-caption MuiTypography-body2 MuiTypography-colorInherit"
-                id="mui-55106"
+                id="mui-36524"
               >
                 Rows per page:
               </p>
@@ -681,9 +681,9 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
               >
                 <div
                   aria-haspopup="listbox"
-                  aria-labelledby="mui-55106 mui-5512"
+                  aria-labelledby="mui-36524 mui-4935"
                   class="MuiSelect-root MuiSelect-select MuiTablePagination-select makeStyles-select MuiSelect-selectMenu MuiInputBase-input"
-                  id="mui-5512"
+                  id="mui-4935"
                   role="button"
                   tabindex="0"
                 >

diff --git a/frontend/src/components/Groups/GroupCharts/StatusCountTimeline.tsx b/frontend/src/components/Groups/GroupCharts/StatusCountTimeline.tsx
@@ -12,7 +12,7 @@ import { groupChartStore } from '../../../stores/Stores';
 import { getInstanceStatus, makeLocaleTime } from '../../../utils/helpers';
 import Loader from '../../Common/Loader';
 import SimpleTable from '../../Common/SimpleTable';
-import makeStatusDefs from '../../Instances/StatusDefs';
+import makeStatusDefs from '../../Instances/statusDefs';
 import TimelineChart from './TimelineChart';
 
 export interface StatusCountTimelineProps {

diff --git a/frontend/src/components/Groups/GroupItemExtended.tsx b/frontend/src/components/Groups/GroupItemExtended.tsx
@@ -17,7 +17,7 @@ import ChannelItem from '../Channels/ChannelItem';
 import { CardFeatureLabel, CardHeader, CardLabel } from '../Common/Card';
 import MoreMenu from '../Common/MoreMenu';
 import TimeIntervalLinks from '../Common/TimeIntervalLinks';
-import InstanceStatusArea from '../Instances/Charts';
+import InstanceStatusArea from '../Instances/charts/InstanceStatusArea';
 import StatusCountTimeline from './GroupCharts/StatusCountTimeline';
 import VersionCountTimeline from './GroupCharts/VersionCountTimeline';
 import { formatUpdateLimits } from './GroupItem';

diff --git a/frontend/src/components/Instances/Common.tsx → ...mponents/Instances/InstanceCountLabel.tsx b/frontend/src/components/Instances/Common.tsx → ...mponents/Instances/InstanceCountLabel.tsx
@@ -24,7 +24,7 @@ const useInstanceCountStyles = makeStyles((theme: Theme) => ({
   },
 }));
 
-export function InstanceCountLabel(props: {
+export default function InstanceCountLabel(props: {
   countText: string | number;
   href?: object;
   instanceListView?: boolean;