diff --git a/frontend/packages/shared/components/SortableTable.js b/frontend/packages/core/src/components/SortableTable.js similarity index 100% rename from frontend/packages/shared/components/SortableTable.js rename to frontend/packages/core/src/components/SortableTable.js diff --git a/frontend/packages/core/src/index.ts b/frontend/packages/core/src/index.ts index a746fbc130..a55d9526d7 100644 --- a/frontend/packages/core/src/index.ts +++ b/frontend/packages/core/src/index.ts @@ -15,3 +15,4 @@ export { default as HorizontalScrollGrid } from './components/HorizontalScrollGr export { default as ProgressCard } from './components/ProgressCard'; export { default as CircleProgress } from './components/CircleProgress'; export { default as Progress } from './components/Progress'; +export { default as SortableTable } from './components/SortableTable'; diff --git a/frontend/packages/plugins/home-page/src/components/HomePage/HomePage.tsx b/frontend/packages/plugins/home-page/src/components/HomePage/HomePage.tsx index 73c680591a..2804cfa2be 100644 --- a/frontend/packages/plugins/home-page/src/components/HomePage/HomePage.tsx +++ b/frontend/packages/plugins/home-page/src/components/HomePage/HomePage.tsx @@ -1,17 +1,35 @@ import React, { FC } from 'react'; -import { EntityLink, InfoCard } from '@backstage/core'; +import { EntityLink, InfoCard, SortableTable } from '@backstage/core'; import SquadTechHealth from './SquadTechHealth'; import { Grid, Typography } from '@material-ui/core'; const HomePage: FC<{}> = () => { + const data = [ + { id: 'service-1', system: 'system' }, + { id: 'service-2', system: 'system' }, + ]; + + /* + const columns = [ + { id: 'idLink', label: 'ID', sortValue: row => row.id }, + { id: 'systemLink', label: 'SYSTEM', sortValue: row => row.system }, + ]; + + */ + const columns = [ + { id: 'idLink', label: 'ID' }, + { id: 'systemLink', label: 'SYSTEM' }, + ]; + return ( - + + Welcome to Backstage!