Merge pull request #147 from K-Phoen/banner-card-category

Display announcements by category for the banner and card

.changeset/brave-carrots-turn.md

@@ -0,0 +1,5 @@
+---
+'@k-phoen/backstage-plugin-announcements': patch
+---
+
+Display announcements by category for the banner and card

plugins/announcements/src/components/AnnouncementsCard/AnnouncementsCard.tsx

@@ -30,9 +30,14 @@ const useStyles = makeStyles({
 type AnnouncementsCardOpts = {
   title?: string;
   max?: number;
+  category?: string;
 };
 
-export const AnnouncementsCard = ({ title, max }: AnnouncementsCardOpts) => {
+export const AnnouncementsCard = ({
+  title,
+  max,
+  category,
+}: AnnouncementsCardOpts) => {
   const classes = useStyles();
   const announcementsApi = useApi(announcementsApiRef);
   const announcementsLink = useRouteRef(rootRouteRef);
@@ -47,6 +52,7 @@ export const AnnouncementsCard = ({ title, max }: AnnouncementsCardOpts) => {
   } = useAsync(async () =>
     announcementsApi.announcements({
       max: max || 5,
+      category,
     }),
   );
   const { announcementCreatePermission } = announcementEntityPermissions;

plugins/announcements/src/components/NewAnnouncementBanner/NewAnnouncementBanner.tsx

@@ -108,6 +108,7 @@ const AnnouncementBanner = (props: AnnouncementBannerProps) => {
 type NewAnnouncementBannerProps = {
   variant?: 'block' | 'floating';
   max?: number;
+  category?: string;
 };
 
 export const NewAnnouncementBanner = (props: NewAnnouncementBannerProps) => {
@@ -119,6 +120,7 @@ export const NewAnnouncementBanner = (props: NewAnnouncementBannerProps) => {
   } = useAsync(async () =>
     announcementsApi.announcements({
       max: props.max || 1,
+      category: props.category,
     }),
   );
   const lastSeen = announcementsApi.lastSeenDate();