From f63ab065a436de8893959e892dd4b0c5bfcc5a7f Mon Sep 17 00:00:00 2001
From: Jason Ng <jng@bitwarden.com>
Date: Mon, 22 Jul 2024 14:26:45 -0400
Subject: [PATCH] [PM-9634] update item history browser v2 (#10120)

* hide pw updated if not login or no history. update font of pw history
---
 .../item-history/item-history-v2.component.html            | 7 ++++++-
 .../cipher-view/item-history/item-history-v2.component.ts  | 5 +++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/libs/vault/src/cipher-view/item-history/item-history-v2.component.html b/libs/vault/src/cipher-view/item-history/item-history-v2.component.html
index c1e11b9e58b..0515a4b24bc 100644
--- a/libs/vault/src/cipher-view/item-history/item-history-v2.component.html
+++ b/libs/vault/src/cipher-view/item-history/item-history-v2.component.html
@@ -11,7 +11,11 @@
       <span class="tw-font-bold">{{ "dateCreated" | i18n }}:</span>
       {{ cipher.creationDate | date: "medium" }}
     </p>
-    <p class="tw-mb-1 tw-text-xs tw-text-muted tw-select-none">
+    <p
+      *ngIf="cipher.hasPasswordHistory && isLogin"
+      class="tw-text-xs tw-text-muted tw-select-none"
+      [ngClass]="{ 'tw-mb-3': cipher.hasPasswordHistory }"
+    >
       <span class="tw-font-bold">{{ "datePasswordUpdated" | i18n }}:</span>
       {{ cipher.passwordRevisionDisplayDate | date: "medium" }}
     </p>
@@ -20,6 +24,7 @@
       class="tw-font-bold tw-no-underline"
       routerLink="/cipher-password-history"
       [queryParams]="{ cipherId: cipher.id }"
+      bitTypography="body2"
     >
       {{ "passwordHistory" | i18n }}
     </a>
diff --git a/libs/vault/src/cipher-view/item-history/item-history-v2.component.ts b/libs/vault/src/cipher-view/item-history/item-history-v2.component.ts
index 830e37da61e..539c3a1c369 100644
--- a/libs/vault/src/cipher-view/item-history/item-history-v2.component.ts
+++ b/libs/vault/src/cipher-view/item-history/item-history-v2.component.ts
@@ -3,6 +3,7 @@ import { Component, Input } from "@angular/core";
 import { RouterModule } from "@angular/router";
 
 import { JslibModule } from "@bitwarden/angular/jslib.module";
+import { CipherType } from "@bitwarden/common/vault/enums";
 import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
 import {
   CardComponent,
@@ -27,4 +28,8 @@ import {
 })
 export class ItemHistoryV2Component {
   @Input() cipher: CipherView;
+
+  get isLogin() {
+    return this.cipher.type === CipherType.Login;
+  }
 }