Add system alerts/notices to CAMPD (including Custom Data Download and Bulk Data pages)

US-EPA-CAMD / easey-ui

Project Management repo for EPA Clean Air Markets Division (CAMD) Business Suite of applications

MIT License

0 stars 0 forks source link

Add system alerts/notices to CAMPD (including Custom Data Download and Bulk Data pages) #5664

Closed tlageman-epa closed 8 months ago

tlageman-epa commented 11 months ago

EPA or designated contractor should be able to manually enable or disable a USWDS style alert banner that would appear on all pages of CAMPD. If possible, the color of banner (https://designsystem.digital.gov/components/alert/) should be configurable by EPA staff. If not possible, the color should be blue. Also, the content of the alert banner should be customizable/editable by EPA staff using the content repo (https://github.com/US-EPA-CAMD/easey-content) similar to other content in CAMPD.

shahbazkhan1999 commented 11 months ago

@ergjustin will research on this today and ask questions if have any.

ergjustin commented 11 months ago

@tlageman-epa May I know the position of the banner is okay or need to replace somewhere else? At this position it will visible for all CAMPD pages.

Private Zenhub Image

tlageman-epa commented 11 months ago

yes, that looks good. Will we be able to configure the style (color) of the banner? @ergjustin

ergjustin commented 11 months ago

@tlageman-epa Yes, we can able to change the color, content, icon, heading from `easey-content`	Variable	type
enable	Boolean
type	String	info, warning, error, success
icon	Boolean
content	String
slim	Boolean
heading	String, Boolean
headingLevel	String	h4, h3

tlageman-epa commented 11 months ago

great!

ergjustin commented 10 months ago

PR: https://github.com/US-EPA-CAMD/easey-content/pull/174 & https://github.com/US-EPA-CAMD/easey-campd-ui/pull/610

ergjustin commented 10 months ago

@shahbazkhan1999 I am just informing that easy-content PR was merged

Step to test

easey-campd-ui connect to easey-content locally using REACT_APP_EASEY_CONTENT_API
Change the value of /campd/data/alert-banner/index.json and test the changes of CAMPD UI

ergjustin commented 10 months ago

Changed the alert-banner path, now in dev/camps/alert-banner.json.

PR: https://github.com/US-EPA-CAMD/easey-content/pull/175 & https://github.com/US-EPA-CAMD/easey-campd-ui/pull/610

shahbazkhan1999 commented 10 months ago

@bchofor test this on dev

ergjustin commented 10 months ago

Developer test in dev env I enabled the alert banner in dev env by using easey-content Alert-Banner-dev-env

tlageman-epa commented 10 months ago

looks good in staging

ergjustin commented 8 months ago

production screenshot