From 5a74371672baccf1198ac5087e16e53996e4a792 Mon Sep 17 00:00:00 2001
From: Daniel James Smith <2670567+djsmith85@users.noreply.github.com>
Date: Wed, 26 Jun 2024 18:08:18 +0200
Subject: [PATCH] Create "new Send-button with type selection (#9842)

Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>
---
 libs/tools/send/send-ui/src/index.ts          |  1 +
 .../new-send-dropdown.component.html          | 14 +++++++++++
 .../new-send-dropdown.component.ts            | 23 +++++++++++++++++++
 3 files changed, 38 insertions(+)
 create mode 100644 libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.html
 create mode 100644 libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.ts

diff --git a/libs/tools/send/send-ui/src/index.ts b/libs/tools/send/send-ui/src/index.ts
index 6ef8d54d416..fc7c87449dd 100644
--- a/libs/tools/send/send-ui/src/index.ts
+++ b/libs/tools/send/send-ui/src/index.ts
@@ -1 +1,2 @@
 export * from "./icons";
+export { NewSendDropdownComponent } from "./new-send-dropdown/new-send-dropdown.component";
diff --git a/libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.html b/libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.html
new file mode 100644
index 00000000000..0766435e1ce
--- /dev/null
+++ b/libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.html
@@ -0,0 +1,14 @@
+<button bitButton [bitMenuTriggerFor]="itemOptions" buttonType="primary" type="button">
+  <i class="bwi bwi-plus-f" aria-hidden="true"></i>
+  {{ "new" | i18n }}
+</button>
+<bit-menu #itemOptions>
+  <a type="button" bitMenuItem (click)="newItemNavigate(sendType.Text)">
+    <i class="bwi bwi-file-text" slot="start" aria-hidden="true"></i>
+    {{ "sendTypeText" | i18n }}
+  </a>
+  <a type="button" bitMenuItem (click)="newItemNavigate(sendType.File)">
+    <i class="bwi bwi-file" slot="start" aria-hidden="true"></i>
+    {{ "sendTypeFile" | i18n }}
+  </a>
+</bit-menu>
diff --git a/libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.ts b/libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.ts
new file mode 100644
index 00000000000..1463b448a6a
--- /dev/null
+++ b/libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.ts
@@ -0,0 +1,23 @@
+import { CommonModule } from "@angular/common";
+import { Component } from "@angular/core";
+import { Router, RouterLink } from "@angular/router";
+
+import { JslibModule } from "@bitwarden/angular/jslib.module";
+import { SendType } from "@bitwarden/common/tools/send/enums/send-type";
+import { ButtonModule, MenuModule } from "@bitwarden/components";
+
+@Component({
+  selector: "tools-new-send-dropdown",
+  templateUrl: "new-send-dropdown.component.html",
+  standalone: true,
+  imports: [JslibModule, CommonModule, ButtonModule, RouterLink, MenuModule],
+})
+export class NewSendDropdownComponent {
+  sendType = SendType;
+
+  constructor(private router: Router) {}
+
+  newItemNavigate(type: SendType) {
+    void this.router.navigate(["/add-send"], { queryParams: { type: type, isNew: true } });
+  }
+}