From 6c05aacbbac58d16744e368a95b66faf2fde0285 Mon Sep 17 00:00:00 2001
From: Jason Ng <jng@bitwarden.com>
Date: Wed, 8 May 2024 10:18:19 -0400
Subject: [PATCH] [PM-6822] Create new Vault V2 component for extension refresh
 (#9065)

* created v2 component. added it to app routing
---
 apps/browser/src/popup/app-routing.module.ts        |  6 +++---
 apps/browser/src/popup/app.module.ts                |  2 ++
 .../popup/components/vault/vault-v2.component.html  |  1 +
 .../popup/components/vault/vault-v2.component.ts    | 13 +++++++++++++
 4 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100644 apps/browser/src/vault/popup/components/vault/vault-v2.component.html
 create mode 100644 apps/browser/src/vault/popup/components/vault/vault-v2.component.ts

diff --git a/apps/browser/src/popup/app-routing.module.ts b/apps/browser/src/popup/app-routing.module.ts
index c4e9acbd75..9e1872f1ce 100644
--- a/apps/browser/src/popup/app-routing.module.ts
+++ b/apps/browser/src/popup/app-routing.module.ts
@@ -46,6 +46,7 @@ import { PasswordHistoryComponent } from "../vault/popup/components/vault/passwo
 import { ShareComponent } from "../vault/popup/components/vault/share.component";
 import { VaultFilterComponent } from "../vault/popup/components/vault/vault-filter.component";
 import { VaultItemsComponent } from "../vault/popup/components/vault/vault-items.component";
+import { VaultV2Component } from "../vault/popup/components/vault/vault-v2.component";
 import { ViewComponent } from "../vault/popup/components/vault/view.component";
 import { FolderAddEditComponent } from "../vault/popup/settings/folder-add-edit.component";
 import { FoldersComponent } from "../vault/popup/settings/folders.component";
@@ -355,12 +356,11 @@ const routes: Routes = [
         data: { state: "tabs_current" },
         runGuardsAndResolvers: "always",
       },
-      {
+      ...extensionRefreshSwap(VaultFilterComponent, VaultV2Component, {
         path: "vault",
-        component: VaultFilterComponent,
         canActivate: [AuthGuard],
         data: { state: "tabs_vault" },
-      },
+      }),
       {
         path: "generator",
         component: GeneratorComponent,
diff --git a/apps/browser/src/popup/app.module.ts b/apps/browser/src/popup/app.module.ts
index 71e6ed4f17..8ff4f9e4a2 100644
--- a/apps/browser/src/popup/app.module.ts
+++ b/apps/browser/src/popup/app.module.ts
@@ -67,6 +67,7 @@ import { ShareComponent } from "../vault/popup/components/vault/share.component"
 import { VaultFilterComponent } from "../vault/popup/components/vault/vault-filter.component";
 import { VaultItemsComponent } from "../vault/popup/components/vault/vault-items.component";
 import { VaultSelectComponent } from "../vault/popup/components/vault/vault-select.component";
+import { VaultV2Component } from "../vault/popup/components/vault/vault-v2.component";
 import { ViewCustomFieldsComponent } from "../vault/popup/components/vault/view-custom-fields.component";
 import { ViewComponent } from "../vault/popup/components/vault/view.component";
 import { FolderAddEditComponent } from "../vault/popup/settings/folder-add-edit.component";
@@ -181,6 +182,7 @@ import "../platform/popup/locales";
     EnvironmentSelectorComponent,
     CurrentAccountComponent,
     AccountSwitcherComponent,
+    VaultV2Component,
   ],
   providers: [CurrencyPipe, DatePipe],
   bootstrap: [AppComponent],
diff --git a/apps/browser/src/vault/popup/components/vault/vault-v2.component.html b/apps/browser/src/vault/popup/components/vault/vault-v2.component.html
new file mode 100644
index 0000000000..a653f46332
--- /dev/null
+++ b/apps/browser/src/vault/popup/components/vault/vault-v2.component.html
@@ -0,0 +1 @@
+<h1>Vault V2 Extension Refresh</h1>
diff --git a/apps/browser/src/vault/popup/components/vault/vault-v2.component.ts b/apps/browser/src/vault/popup/components/vault/vault-v2.component.ts
new file mode 100644
index 0000000000..332e5d1a4e
--- /dev/null
+++ b/apps/browser/src/vault/popup/components/vault/vault-v2.component.ts
@@ -0,0 +1,13 @@
+import { Component, OnDestroy, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-vault",
+  templateUrl: "vault-v2.component.html",
+})
+export class VaultV2Component implements OnInit, OnDestroy {
+  constructor() {}
+
+  ngOnInit(): void {}
+
+  ngOnDestroy(): void {}
+}