From 12fed5ae82b992885533ef4c2e7fc3137a2c9647 Mon Sep 17 00:00:00 2001
From: Daniel Roth <daniel_roth@hotmail.co.uk>
Date: Tue, 3 Mar 2026 11:30:57 +0000
Subject: [PATCH] add loader to button text when form is submitted

---
 .../[slug]/(portfolio)/reporting/RecommendationsOptions.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/portfolio/[slug]/(portfolio)/reporting/RecommendationsOptions.tsx b/src/app/portfolio/[slug]/(portfolio)/reporting/RecommendationsOptions.tsx
index 67ea5f6..bc4aad3 100644
--- a/src/app/portfolio/[slug]/(portfolio)/reporting/RecommendationsOptions.tsx
+++ b/src/app/portfolio/[slug]/(portfolio)/reporting/RecommendationsOptions.tsx
@@ -9,6 +9,7 @@ import { Checkbox } from "@/app/shadcn_components/ui/checkbox";
 import { Label } from "@/app/shadcn_components/ui/label";
 import { GripVertical } from "lucide-react";
 import { HelpCircle } from "lucide-react";
+import { Loader2 } from "lucide-react";
 import {
   Tooltip,
   TooltipContent,
@@ -290,7 +291,10 @@ export function RecommendationsOptions({
             Cancel
           </Button>
           <Button size="sm" onClick={handleSubmit} disabled={isApplying}>
-            Submit
+            <span className="flex items-center gap-2">
+              {isApplying && <Loader2 className="h-4 w-4 animate-spin" />}
+              Submit
+            </span>
           </Button>
         </div>
       </DropdownMenuContent>