Adding the NewAnnouncementBanner component to a page will display a banner with the title and excerpt of the latest unseen announcement.
Note: if there are no announcements or the latest announcement has already been seen by the user, nothing will be displayed.
import { NewAnnouncementBanner } from '@procore-oss/backstage-plugin-announcements';
export const HomePage = () => {
return (
<Page themeId="home">
<Header title="NewAnnouncementBanner" />
<Content>
<Grid container>
<Grid item md={12}>
<NewAnnouncementBanner />
</Grid>
</Grid>
</Content>
</Page>
);
};