From 2bc1ab51af3af38d37cb29005ac94a117e6e9bd4 Mon Sep 17 00:00:00 2001
From: Jeff Daley <jeffdaley@users.noreply.github.com>
Date: Fri, 12 Apr 2024 10:55:09 -0400
Subject: [PATCH] Add dashboard announcement

---
 .../dashboard/new-features-banner.hbs         | 34 ++++++++++++++++---
 .../dashboard/new-features-banner.ts          |  2 +-
 web/app/styles/components/dashboard.scss      | 15 ++++++++
 3 files changed, 45 insertions(+), 6 deletions(-)

diff --git a/web/app/components/dashboard/new-features-banner.hbs b/web/app/components/dashboard/new-features-banner.hbs
index 339a81d8d..d0e69e465 100644
--- a/web/app/components/dashboard/new-features-banner.hbs
+++ b/web/app/components/dashboard/new-features-banner.hbs
@@ -3,15 +3,39 @@
     data-test-new-features-banner
     @type="inline"
     @color="highlight"
-    @icon="folder-star"
+    {{! Icon is hidden by CSS; See `dashboard.scss` }}
     @onDismiss={{this.dismiss}}
     class="mb-10"
     as |A|
   >
-    <A.Title>Introducing Projects!</A.Title>
+    <A.Title>What's new in Hermes</A.Title>
     <A.Description>
-      Projects are a new way to organize documents and links around an effort.
-      <div class="mt-2 mb-1 flex items-center gap-2">
+      <ul class="icon-list">
+        {{! Conditional }}
+        <li>
+          <FlightIcon @name="users" />
+          <p>
+            Google Groups can be added as document approvers
+          </p>
+        </li>
+        <li>
+          <FlightIcon @name="swap-horizontal" />
+          <p>
+            Document ownership can be transferred between users
+          </p>
+        </li>
+        <li>
+          <FlightIcon @name="smile" />
+          <p>
+            We've improved owner filtering on the
+            <LinkTo @route="authenticated.documents" class="underlined-link">
+              All Docs
+            </LinkTo>
+            view
+          </p>
+        </li>
+      </ul>
+      {{! <div class="mt-2 mb-1 flex items-center gap-2">
         <Hds::Button
           @route="authenticated.projects"
           @text="Browse projects"
@@ -24,7 +48,7 @@
           @color="secondary"
           @size="small"
         />
-      </div>
+      </div> }}
     </A.Description>
   </Hds::Alert>
 {{/if}}
diff --git a/web/app/components/dashboard/new-features-banner.ts b/web/app/components/dashboard/new-features-banner.ts
index dc0d8a54e..31be59ed0 100644
--- a/web/app/components/dashboard/new-features-banner.ts
+++ b/web/app/components/dashboard/new-features-banner.ts
@@ -4,7 +4,7 @@ import window from "ember-window-mock";
 import { action } from "@ember/object";
 
 export const NEW_FEATURES_BANNER_LOCAL_STORAGE_ITEM =
-  "jan-18-2024-newFeatureBannerIsShown";
+  "apr-12-2024-newFeatureBannerIsShown";
 
 interface DashboardNewFeaturesBannerSignature {
   Args: {};
diff --git a/web/app/styles/components/dashboard.scss b/web/app/styles/components/dashboard.scss
index 9becc6679..5250f4343 100644
--- a/web/app/styles/components/dashboard.scss
+++ b/web/app/styles/components/dashboard.scss
@@ -68,3 +68,18 @@
     @apply mt-0;
   }
 }
+
+.hds-alert--color-highlight {
+  @apply pl-5;
+
+  .hds-alert__icon {
+    @apply hidden;
+  }
+}
+
+.icon-list {
+  li {
+    @apply grid items-center gap-2.5 py-0.5 pl-1;
+    grid-template-columns: 16px 1fr;
+  }
+}