diff --git a/apps/browser/src/popup/app-routing.module.ts b/apps/browser/src/popup/app-routing.module.ts index a65abef084..8ad334abd5 100644 --- a/apps/browser/src/popup/app-routing.module.ts +++ b/apps/browser/src/popup/app-routing.module.ts @@ -38,6 +38,7 @@ import { SendGroupingsComponent } from "../tools/popup/send/send-groupings.compo import { SendTypeComponent } from "../tools/popup/send/send-type.component"; import { ExportComponent } from "../tools/popup/settings/export.component"; import { ImportBrowserComponent } from "../tools/popup/settings/import/import-browser.component"; +import { SettingsV2Component } from "../tools/popup/settings/settings-v2.component"; import { SettingsComponent } from "../tools/popup/settings/settings.component"; import { Fido2Component } from "../vault/popup/components/fido2/fido2.component"; import { AddEditComponent } from "../vault/popup/components/vault/add-edit.component"; @@ -381,12 +382,11 @@ const routes: Routes = [ canActivate: [AuthGuard], data: { state: "tabs_generator" }, }, - { + ...extensionRefreshSwap(SettingsComponent, SettingsV2Component, { path: "settings", - component: SettingsComponent, canActivate: [AuthGuard], data: { state: "tabs_settings" }, - }, + }), { path: "send", component: SendGroupingsComponent, diff --git a/apps/browser/src/tools/popup/settings/settings-v2.component.html b/apps/browser/src/tools/popup/settings/settings-v2.component.html new file mode 100644 index 0000000000..7ff958e26a --- /dev/null +++ b/apps/browser/src/tools/popup/settings/settings-v2.component.html @@ -0,0 +1,47 @@ + + + + + + + + + + + {{ "accountSecurity" | i18n }} + + + + + {{ "autofill" | i18n }} + + + + + {{ "notifications" | i18n }} + + + + + {{ "vault" | i18n }} + + + + + {{ "appearance" | i18n }} + + + + + {{ "about" | i18n }} + + + + + diff --git a/apps/browser/src/tools/popup/settings/settings-v2.component.ts b/apps/browser/src/tools/popup/settings/settings-v2.component.ts new file mode 100644 index 0000000000..5f3eb1c8f1 --- /dev/null +++ b/apps/browser/src/tools/popup/settings/settings-v2.component.ts @@ -0,0 +1,27 @@ +import { CommonModule } from "@angular/common"; +import { Component } from "@angular/core"; +import { RouterModule } from "@angular/router"; + +import { JslibModule } from "@bitwarden/angular/jslib.module"; +import { ItemModule } from "@bitwarden/components"; + +import { CurrentAccountComponent } from "../../../auth/popup/account-switching/current-account.component"; +import { PopOutComponent } from "../../../platform/popup/components/pop-out.component"; +import { PopupHeaderComponent } from "../../../platform/popup/layout/popup-header.component"; +import { PopupPageComponent } from "../../../platform/popup/layout/popup-page.component"; + +@Component({ + templateUrl: "settings-v2.component.html", + standalone: true, + imports: [ + CommonModule, + JslibModule, + RouterModule, + PopupPageComponent, + PopupHeaderComponent, + PopOutComponent, + ItemModule, + CurrentAccountComponent, + ], +}) +export class SettingsV2Component {}