show a delete service instance banner (hyperledger-labs#535)

Signed-off-by: David Huffman <dshuffma@us.ibm.com>
dshuffma-ibm · Oct 17, 2023 · 3354829 · 3354829
1 parent bc54314
commit 3354829
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 0 deletions.
diff --git a/packages/apollo/src/assets/i18n/en/messages.json b/packages/apollo/src/assets/i18n/en/messages.json
@@ -2835,6 +2835,7 @@
 	"log_detail_desc": "The full details of this activity log are below.",
 	"log_columns_desc": "Display",
 	"audit_no_access_msg": "Only users with the \"Manager\" can view this page",
+	"threat_message":"This service instance must be deleted by Oct 31, 2023 to avoid a blockchain network outage",
 	"hide_archived_channels": "Hide Archived Channels",
 	"show_archived_channels": "Show Archived Channels"
 }
diff --git a/packages/apollo/src/components/PageHeader/PageHeader.js b/packages/apollo/src/components/PageHeader/PageHeader.js
@@ -111,6 +111,7 @@ export class PageHeader extends Component {
 			migratedConsoleUrl: resp ? resp.migrated_console_url : '',
 			showDeleteBanner: false,
 			migrationType: this.detectBannerType(resp ? resp.deadline : 0),
+			showThreat: resp ? resp.migration_enabled : false,
 		};
 		migrationState.showDeleteBanner = migrationState.isMigrationComplete;
 		migrationState.showReadOnlyBanner = migrationState.isMigrationComplete;
@@ -123,6 +124,7 @@ export class PageHeader extends Component {
 			migrationState.showMigrationBanner = false;
 			migrationState.showDeleteBanner = false;
 			migrationState.showReadOnlyBanner = false;
+			migrationState.showThreat = false;
 		}
 
 		this.props.updateState(SCOPE, migrationState);
@@ -412,6 +414,14 @@ export class PageHeader extends Component {
 						title={translate('migration_done_title')}
 					/>
 				)}
+				{this.props.showAnnouncement && this.props.showThreat && (
+					<InlineNotification
+						className='threat-style'
+						kind="error"
+						hideCloseButton
+						title={translate('threat_message')}
+					/>
+				)}
 				{this.props.showAnnouncement && this.props.showReadOnlyBanner && (
 					<InlineNotification
 						kind="warning"
@@ -493,6 +503,7 @@ const dataProps = {
 	showCertUpdateNotice: PropTypes.bool,
 	upCompList: PropTypes.string,
 	migrationType: PropTypes.string,
+	showThreat: PropTypes.bool,
 };
 
 PageHeader.propTypes = {

diff --git a/packages/apollo/src/components/PageHeader/_pageHeader.scss b/packages/apollo/src/components/PageHeader/_pageHeader.scss
@@ -15,3 +15,28 @@
 	line-height: 1.125rem;
 	margin-top: 0.5rem;
 }
+
+.threat-style {
+	background: #000 !important;
+	.bx--inline-notification__text-wrapper {
+		color: #cc0000;
+		animation: color-change 3s infinite;
+	}
+}
+
+@keyframes color-change {
+	0% {
+		color: #cc0000;
+		font-weight: 900;
+	}
+
+	50% {
+		color: #fff;
+		font-weight: 300;
+	}
+
+	100% {
+		color: #cc0000;
+		font-weight: 900;
+	}
+}