From 436479d568f6c3aa53cfdd8739c9708c30066e72 Mon Sep 17 00:00:00 2001
From: Augustin Mauroy <97875033+AugustinMauroy@users.noreply.github.com>
Date: Sat, 22 Feb 2025 11:06:43 +0100
Subject: [PATCH 1/3] feat(repport malware): add button

---
 .../routes/package/(_components)/PackageHeader.tsx  | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/frontend/routes/package/(_components)/PackageHeader.tsx b/frontend/routes/package/(_components)/PackageHeader.tsx
index cd179228..728ced52 100644
--- a/frontend/routes/package/(_components)/PackageHeader.tsx
+++ b/frontend/routes/package/(_components)/PackageHeader.tsx
@@ -5,6 +5,7 @@ import { RuntimeCompatIndicator } from "../../../components/RuntimeCompatIndicat
 import { getScoreTextColorClass } from "../../../utils/score_ring_color.ts";
 import {
   TbAlertTriangleFilled,
+  TbBug,
   TbExternalLink,
   TbRosetteDiscountCheck,
 } from "@preact-icons/tb";
@@ -33,6 +34,9 @@ export function PackageHeader({
     (pkg.latestVersion === null ||
       greaterThan(selectedVersionSemver, parse(pkg.latestVersion)));
 
+  const mailLink =
+    `mailto:report@jsr.io?subject=Report%20${pkg.scope}/${pkg.name}%20${selectedVersion?.version}`;
+
   return (
     <div class="space-y-6 mt-0 md:mt-4">
       {pkg.isArchived && (
@@ -213,6 +217,15 @@ export function PackageHeader({
               </div>
             )}
           </div>
+
+          <div class="flex flex-row items-center gap-2">
+            <a
+              class="inline-flex items-center gap-1.5 md:gap-1 text-md md:text-xs bg-red-50 border-1 border-red-300/30 rounded-md p-1.5 md:p-1 text-red-500 font-semibold hover:bg-red-100 focus:outline-none focus:border-1 focus:border-red-300 focus:ring-1 focus:ring-red-300 focus:ring-opacity-50"
+              href={mailLink}
+            >
+              <TbBug class="size-6 md:size-4" /> Report an issue
+            </a>
+          </div>
         </div>
       </div>
     </div>

From 45be877160e66c8b11de535efb06137ebb324f54 Mon Sep 17 00:00:00 2001
From: Augustin Mauroy <97875033+AugustinMauroy@users.noreply.github.com>
Date: Sat, 22 Feb 2025 19:23:56 +0100
Subject: [PATCH 2/3] feat(repport malware): polish

Co-Authored-By: Gamaliel Garcia <46827955+EGAMAGZ@users.noreply.github.com>
---
 .../package/(_components)/PackageHeader.tsx     | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/frontend/routes/package/(_components)/PackageHeader.tsx b/frontend/routes/package/(_components)/PackageHeader.tsx
index 728ced52..b7f7e67b 100644
--- a/frontend/routes/package/(_components)/PackageHeader.tsx
+++ b/frontend/routes/package/(_components)/PackageHeader.tsx
@@ -5,8 +5,8 @@ import { RuntimeCompatIndicator } from "../../../components/RuntimeCompatIndicat
 import { getScoreTextColorClass } from "../../../utils/score_ring_color.ts";
 import {
   TbAlertTriangleFilled,
-  TbBug,
   TbExternalLink,
+  TbFlag,
   TbRosetteDiscountCheck,
 } from "@preact-icons/tb";
 import { Tooltip } from "../../../components/Tooltip.tsx";
@@ -34,8 +34,17 @@ export function PackageHeader({
     (pkg.latestVersion === null ||
       greaterThan(selectedVersionSemver, parse(pkg.latestVersion)));
 
-  const mailLink =
-    `mailto:report@jsr.io?subject=Report%20${pkg.scope}/${pkg.name}%20${selectedVersion?.version}`;
+  const reportPackageBody = `Hello JSR team,
+I would like to report a package.
+
+For the reason;
+`;
+
+  const mailLink = `mailto:report@jsr.io?subject=${
+    encodeURIComponent(
+      `Report package: ${pkg.scope}/${pkg.name}@${selectedVersion?.version}`,
+    )
+  }&body=${encodeURIComponent(reportPackageBody)}`;
 
   return (
     <div class="space-y-6 mt-0 md:mt-4">
@@ -223,7 +232,7 @@ export function PackageHeader({
               class="inline-flex items-center gap-1.5 md:gap-1 text-md md:text-xs bg-red-50 border-1 border-red-300/30 rounded-md p-1.5 md:p-1 text-red-500 font-semibold hover:bg-red-100 focus:outline-none focus:border-1 focus:border-red-300 focus:ring-1 focus:ring-red-300 focus:ring-opacity-50"
               href={mailLink}
             >
-              <TbBug class="size-6 md:size-4" /> Report an issue
+              <TbFlag class="size-6 md:size-4" /> Report package
             </a>
           </div>
         </div>

From 71790e0d229134d758397e81c9854cc55b9ffa68 Mon Sep 17 00:00:00 2001
From: Augustin Mauroy <97875033+AugustinMauroy@users.noreply.github.com>
Date: Wed, 26 Feb 2025 00:01:29 +0100
Subject: [PATCH 3/3] make it simple

Co-authored-by: Leo Kettmeir <crowlkats@toaxl.com>
---
 frontend/routes/package/(_components)/PackageHeader.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/frontend/routes/package/(_components)/PackageHeader.tsx b/frontend/routes/package/(_components)/PackageHeader.tsx
index b7f7e67b..5fcd235e 100644
--- a/frontend/routes/package/(_components)/PackageHeader.tsx
+++ b/frontend/routes/package/(_components)/PackageHeader.tsx
@@ -35,9 +35,7 @@ export function PackageHeader({
       greaterThan(selectedVersionSemver, parse(pkg.latestVersion)));
 
   const reportPackageBody = `Hello JSR team,
-I would like to report a package.
-
-For the reason;
+I would like to report a package for the following reason:
 `;
 
   const mailLink = `mailto:report@jsr.io?subject=${