add goverment booking

apps/edr-freight-web/backoffice/src/components/profile/MySignatureCard.tsx

@@ -5,6 +5,7 @@ import toast from "react-hot-toast";
 
 import { api } from "@/services/api";
 import { ContractSignaturePad } from "@/components/bookings/ContractSignaturePad";
+import { StampUpload } from "@/components/contracts/StampUpload";
 import {
   Card,
   CardContent,
@@ -40,6 +41,7 @@ export function MySignatureCard() {
   const [open, setOpen] = useState(false);
   const [signerName, setSignerName] = useState("");
   const [signatureData, setSignatureData] = useState<string | null>(null);
+  const [stampData, setStampData] = useState<string | null>(null);
 
   const defaultName =
     user?.name?.en || user?.username || user?.email || "";
@@ -47,6 +49,7 @@ export function MySignatureCard() {
   const openDialog = () => {
     setSignerName(saved?.signerDisplayName ?? defaultName);
     setSignatureData(null);
+    setStampData(saved?.stampImageUrl ?? null);
     setOpen(true);
   };
 
@@ -56,6 +59,10 @@ export function MySignatureCard() {
       {
         signerDisplayName: signerName.trim(),
         signatureImageBase64: signatureData,
+        // Only send the stamp when it changed — omitted keeps the saved one.
+        ...(stampData && stampData !== saved?.stampImageUrl
+          ? { stampImageBase64: stampData }
+          : {}),
       },
       {
         onSuccess: () => {
@@ -101,6 +108,18 @@ export function MySignatureCard() {
             You have not saved a signature yet.
           </p>
         )}
+        {saved?.stampImageUrl && (
+          <div className="space-y-2">
+            <div className="overflow-hidden rounded-lg border-2 border-dashed border-border bg-white">
+              <img
+                src={saved.stampImageUrl}
+                alt="My saved company stamp"
+                className="mx-auto h-24 w-full object-contain"
+              />
+            </div>
+            <p className="text-xs text-muted-foreground">Company stamp</p>
+          </div>
+        )}
         <Button variant="outline" size="sm" onClick={openDialog}>
           {saved?.signatureImageUrl ? "Update signature" : "Add signature"}
         </Button>
@@ -126,6 +145,11 @@ export function MySignatureCard() {
               />
             </div>
             <ContractSignaturePad onChange={setSignatureData} />
+            <StampUpload
+              value={stampData}
+              onChange={setStampData}
+              description="Stored on your profile and prefilled when you sign contracts."
+            />
           </div>
           <DialogFooter>
             <Button variant="outline" onClick={() => setOpen(false)}>