[PM-105] Premium Badge Send File (#6684)

* adding the premium badge for the send item file option * Removing the unnecessary margin after seeing design spec
bitwarden · Oct 31, 2023 · 43edc1a · 43edc1a
1 parent 77ee095
commit 43edc1a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/apps/web/src/app/tools/send/add-edit.component.html b/apps/web/src/app/tools/send/add-edit.component.html
@@ -32,8 +32,15 @@
             id="type_{{ o.value }}"
             class="tw-block"
             [value]="o.value"
+            [disabled]="!canAccessPremium && o.premium"
           >
-            <bit-label>{{ o.name }}</bit-label>
+            <bit-label>
+              {{ o.name }}
+              <app-premium-badge
+                class="tw-mx-1"
+                *ngIf="!canAccessPremium && o.premium"
+              ></app-premium-badge>
+            </bit-label>
           </bit-radio-button>
         </bit-radio-group>
       </div>

diff --git a/libs/angular/src/tools/send/add-edit.component.ts b/libs/angular/src/tools/send/add-edit.component.ts
@@ -118,8 +118,8 @@ export class AddEditComponent implements OnInit, OnDestroy {
     protected formBuilder: FormBuilder
   ) {
     this.typeOptions = [
-      { name: i18nService.t("sendTypeFile"), value: SendType.File },
-      { name: i18nService.t("sendTypeText"), value: SendType.Text },
+      { name: i18nService.t("sendTypeFile"), value: SendType.File, premium: true },
+      { name: i18nService.t("sendTypeText"), value: SendType.Text, premium: false },
     ];
     this.sendLinkBaseUrl = this.environmentService.getSendUrl();
   }