From dedc5c8df142bc82dffda5035f51830327c538c2 Mon Sep 17 00:00:00 2001
From: sophia-massie <96220951+sophia-massie@users.noreply.github.com>
Date: Tue, 6 Aug 2024 13:42:18 -0500
Subject: [PATCH] Hotfix/banner for aug7 (#249)

* Add banner

* Change to yellow

* Add envService to main welcome

* - Changes message according to Tracy's requests
- Adds padding to the message

* - Linting

* - Linting

* - Changes message to make it more explicit.

---------

Co-authored-by: Nathan Franklin <nathan.franklin@gmail.com>
---
 .../app/components/main-welcome/main-welcome.component.html | 5 +++++
 .../app/components/main-welcome/main-welcome.component.styl | 6 ++++++
 .../app/components/main-welcome/main-welcome.component.ts   | 4 +++-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/angular/src/app/components/main-welcome/main-welcome.component.html b/angular/src/app/components/main-welcome/main-welcome.component.html
index 82961bc3..ef625014 100644
--- a/angular/src/app/components/main-welcome/main-welcome.component.html
+++ b/angular/src/app/components/main-welcome/main-welcome.component.html
@@ -5,6 +5,11 @@
                 <img src="assets/Hazmapper-Stack@4x.png" width="250px" />
                 <div style="margin-top: 10px" id="release-version">Version 2.17</div>
             </div>
+            <div id="welcome-banner">
+                Due to a system upgrade on August 7th, 2024, in order to continue using HazMapper users must log in to the
+                <a href="{{ envService.designSafePortalUrl }}" target="_blank">DesignSafe portal</a> at least once prior to creating new
+                maps or adding map data to existing projects.
+            </div>
         </div>
 
         <div class="grid-x align-center">
diff --git a/angular/src/app/components/main-welcome/main-welcome.component.styl b/angular/src/app/components/main-welcome/main-welcome.component.styl
index 9220be80..3976d72a 100644
--- a/angular/src/app/components/main-welcome/main-welcome.component.styl
+++ b/angular/src/app/components/main-welcome/main-welcome.component.styl
@@ -90,6 +90,12 @@
         padding-bottom 50px
         justify-content center
         align-items center
+      #welcome-banner
+        background-color #fff3cd
+        color #856404
+        padding 20px
+        justify-content center
+      font-size 13px
       #welcome-learn
         padding-top 30px
         
diff --git a/angular/src/app/components/main-welcome/main-welcome.component.ts b/angular/src/app/components/main-welcome/main-welcome.component.ts
index 9bb32cc6..e488a198 100644
--- a/angular/src/app/components/main-welcome/main-welcome.component.ts
+++ b/angular/src/app/components/main-welcome/main-welcome.component.ts
@@ -11,6 +11,7 @@ import { combineLatest } from 'rxjs';
 import { take } from 'rxjs/operators';
 import { StreetviewAuthenticationService } from 'src/app/services/streetview-authentication.service';
 import { StreetviewService } from 'src/app/services/streetview.service';
+import { EnvService } from 'src/app/services/env.service';
 
 @Component({
   selector: 'app-main-welcome',
@@ -33,7 +34,8 @@ export class MainWelcomeComponent implements OnInit {
     private modalService: ModalService,
     private streetviewAuthenticationService: StreetviewAuthenticationService,
     private streetviewService: StreetviewService,
-    private agaveSystemsService: AgaveSystemsService
+    private agaveSystemsService: AgaveSystemsService,
+    private envService: EnvService
   ) {}
 
   ngOnInit() {