From da9210b551875819404ff2e0c1b1482540fc59db Mon Sep 17 00:00:00 2001
From: Will Martin <contact@willmartian.com>
Date: Wed, 8 Mar 2023 14:48:22 -0500
Subject: [PATCH] [SM-608] update SM marketing link in product-switcher (#4950)

---
 .../product-switcher-content.component.html        | 14 ++++++++++----
 .../product-switcher-content.component.ts          | 13 +++++++------
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.html b/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.html
index dcc9357f0a..a9b5d311bd 100644
--- a/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.html
+++ b/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.html
@@ -26,12 +26,18 @@
     <!-- Other options -->
     <section
       *ngIf="products.other.length > 0"
-      class="tw-mt-4 tw-flex tw-w-full tw-flex-col tw-border-0 tw-border-t tw-border-solid tw-border-t-text-muted tw-p-2 tw-pb-0"
+      class="tw-mt-4 tw-flex tw-w-full tw-flex-col tw-gap-2 tw-border-0 tw-border-t tw-border-solid tw-border-t-text-muted tw-p-2 tw-pb-0"
     >
       <span class="tw-mb-1 tw-text-xs tw-text-muted">{{ "moreFromBitwarden" | i18n }}</span>
-      <a *ngFor="let product of products.other" bitLink [href]="product.marketingRoute">
-        <span class="tw-font-normal">
-          <i class="bwi {{ product.icon }} tw-m-0 !tw-mr-3"></i>{{ product.name }}
+      <a
+        *ngFor="let product of products.other"
+        bitLink
+        [href]="product.marketingRoute"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <span class="tw-flex tw-items-center tw-font-normal">
+          <i class="bwi bwi-fw {{ product.icon }} tw-m-0 !tw-mr-3"></i>{{ product.name }}
         </span>
       </a>
     </section>
diff --git a/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.ts b/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.ts
index 0e021aaf8d..c6f4a5536f 100644
--- a/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.ts
+++ b/apps/web/src/app/layouts/product-switcher/product-switcher-content.component.ts
@@ -61,8 +61,7 @@ export class ProductSwitcherContentComponent {
           name: "Secrets Manager Beta",
           icon: "bwi-cli",
           appRoute: ["/sm", smOrg?.id],
-          // TODO: update marketing link
-          marketingRoute: "#",
+          marketingRoute: "https://bitwarden.com/products/secrets-manager/",
         },
         orgs: {
           name: "Organizations",
@@ -74,14 +73,16 @@ export class ProductSwitcherContentComponent {
       const bento: ProductSwitcherItem[] = [products.pm];
       const other: ProductSwitcherItem[] = [];
 
-      if (smOrg) {
-        bento.push(products.sm);
-      }
-
       if (orgs.length === 0) {
         other.push(products.orgs);
       }
 
+      if (smOrg) {
+        bento.push(products.sm);
+      } else {
+        other.push(products.sm);
+      }
+
       return {
         bento,
         other,