Add dashboard announcement

hashicorp-forge · Apr 12, 2024 · 2bc1ab5 · 2bc1ab5
1 parent 2fa655b
commit 2bc1ab5
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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;
+  }
+}