Feature - Filtering for Jira Tables

Ericsson · Sep 2, 2024 · f615bc3 · f615bc3
1 parent 067ccf7
commit f615bc3
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 27 deletions.
diff --git a/.changeset/pink-hornets-move.md b/.changeset/pink-hornets-move.md
@@ -0,0 +1,5 @@
+---
+'@axis-backstage/plugin-jira-dashboard': minor
+---
+
+Adding filters to the Jira Table
diff --git a/plugins/jira-dashboard/src/components/JiraTable/JiraTable.tsx b/plugins/jira-dashboard/src/components/JiraTable/JiraTable.tsx
@@ -1,7 +1,12 @@
 import React from 'react';
 import Typography from '@mui/material/Typography';
 import { JiraDataResponse } from '@axis-backstage/plugin-jira-dashboard-common';
-import { ErrorPanel, InfoCard, Table, TableFilter } from '@backstage/core-components';
+import {
+ ErrorPanel,
+ InfoCard,
+ Table,
+ TableFilter,
+} from '@backstage/core-components';
 import { capitalize } from 'lodash';
 import { columns } from './columns';
 
@@ -33,34 +38,34 @@ export const JiraTable = ({ tableContent }: Props) => {
 
  return (
  <InfoCard
- title={
- <Typography component="div" variant="h5" data-testid="table-header">
- {`${capitalize(tableContent.name)} (${nbrOfIssues})`}
- </Typography>
- }
- >
- <Table
- options={{
- paging: false,
- padding: 'dense',
- search: true,
- }}
- filters={filters}
- data={tableContent.issues || []}
- columns={columns}
- emptyContent={
- <Typography display="flex" justifyContent="center" pt={30}>
- No issues found&nbsp;
+ title={
+ <Typography component="div" variant="h5" data-testid="table-header">
+ {`${capitalize(tableContent.name)} (${nbrOfIssues})`}
  </Typography>
  }
- style={{
- height: `max-content`,
- maxHeight: `500px`,
- padding: '20px',
- overflowY: 'auto',
- width: '100%',
- }}
- />
+ >
+ <Table
+ options={{
+ paging: false,
+ padding: 'dense',
+ search: true,
+ }}
+ filters={filters}
+ data={tableContent.issues || []}
+ columns={columns}
+ emptyContent={
+ <Typography display="flex" justifyContent="center" pt={30}>
+ No issues found&nbsp;
+ </Typography>
+ }
+ style={{
+ height: `max-content`,
+ maxHeight: `500px`,
+ padding: '20px',
+ overflowY: 'auto',
+ width: '100%',
+ }}
+ />
  </InfoCard>
  );
 };