add FraudDisclaimerBanner

Author: steven-tey

apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/fraud/fraud-group-table.tsx

@@ -9,6 +9,7 @@ import { useBanPartnerModal } from "@/ui/modals/ban-partner-modal";
 import { useBulkBanPartnersModal } from "@/ui/modals/bulk-ban-partners-modal";
 import { useBulkResolveFraudGroupsModal } from "@/ui/modals/bulk-resolve-fraud-groups-modal";
 import { useRejectPartnerApplicationModal } from "@/ui/modals/reject-partner-application-modal";
+import { FraudDisclaimerBanner } from "@/ui/partners/fraud-risks/fraud-disclaimer-banner";
 import { FraudReviewSheet } from "@/ui/partners/fraud-risks/fraud-review-sheet";
 import { PartnerRowItem } from "@/ui/partners/partner-row-item";
 import { AnimatedEmptyState } from "@/ui/shared/animated-empty-state";
@@ -361,7 +362,8 @@ export function FraudGroupTable() {
       )}
 
       <div>
-        <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
+        <FraudDisclaimerBanner />
+        <div className="mt-3 flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
           <Filter.Select
             className="w-full md:w-fit"
             filters={filters}

apps/web/scripts/programs/add-to-marketplace.ts

@@ -14,15 +14,6 @@ const categorizationSchema = z.object({
   reasoning: z.string(),
 });
 
-// Result interface
-interface ProgramResult {
-  programId: string;
-  programName: string;
-  categories: Category[];
-  url?: string;
-  error?: string;
-}
-
 if (!process.env.FIRECRAWL_API_KEY)
   throw new Error("FIRECRAWL_API_KEY is not set");
 

apps/web/ui/partners/fraud-risks/fraud-disclaimer-banner.tsx

@@ -0,0 +1,27 @@
+import { TriangleWarning } from "@dub/ui/icons";
+import { cn } from "@dub/utils";
+
+export function FraudDisclaimerBanner({ className }: { className?: string }) {
+  return (
+    <div
+      className={cn(
+        "flex items-start gap-3 rounded-lg border border-yellow-200 bg-yellow-50 px-4 py-2.5",
+        className,
+      )}
+    >
+      <TriangleWarning className="mt-0.5 size-4 shrink-0 text-yellow-500" />
+      <p className="flex-1 text-sm text-neutral-700">
+        We recommended reviewing the flagged events thoroughly and potentially
+        reach out to the partner before making a final decision.{" "}
+        <a
+          href="https://dub.co/help/article/fraud-detection"
+          target="_blank"
+          className="font-medium underline underline-offset-2 transition-colors hover:text-neutral-800"
+        >
+          Learn more
+        </a>
+        .
+      </p>
+    </div>
+  );
+}

apps/web/ui/partners/fraud-risks/fraud-review-sheet.tsx

@@ -24,6 +24,7 @@ import Link from "next/link";
 import { useParams } from "next/navigation";
 import { Dispatch, SetStateAction } from "react";
 import { CommissionsOnHoldTable } from "./commissions-on-hold-table";
+import { FraudDisclaimerBanner } from "./fraud-disclaimer-banner";
 import { FraudEventsTableWrapper } from "./fraud-events-tables";
 
 interface FraudReviewSheetProps {
@@ -184,6 +185,8 @@ function FraudReviewSheetContent({
               </div>
             </div>
 
+            <FraudDisclaimerBanner />
+
             <div className="border-border-subtle flex flex-col gap-4 rounded-xl border p-4">
               <div className="flex flex-col">
                 <span className="text-content-default text-sm font-semibold">

apps/web/ui/partners/fraud-risks/partner-application-risk-summary.tsx

@@ -9,6 +9,7 @@ import { Button, ShieldKeyhole } from "@dub/ui";
 import { cn } from "@dub/utils";
 import Link from "next/link";
 import { usePartnersUpgradeModal } from "../partners-upgrade-modal";
+import { FraudDisclaimerBanner } from "./fraud-disclaimer-banner";
 import { PartnerApplicationFraudSeverityIndicator } from "./partner-application-fraud-severity-indicator";
 import { usePartnerApplicationRiskSummaryModal } from "./partner-application-risk-summary-modal";
 
@@ -82,6 +83,7 @@ export function PartnerApplicationRiskSummary({
             );
           })}
         </ul>
+        <FraudDisclaimerBanner className="gap-2 px-3 py-2" />
       </div>
 
       <PartnerApplicationRiskSummaryModal />