From 1b4610cdc33aeddb2538f3070cfbc09758e22e07 Mon Sep 17 00:00:00 2001
From: Sacha Al Himdani <sacha@getprobo.com>
Date: Thu, 29 May 2025 10:54:34 -0700
Subject: [PATCH] Fix url input type for vendor assessement

---
 .../organizations/vendors/VendorView.tsx      | 106 ++++++++++--------
 1 file changed, 57 insertions(+), 49 deletions(-)

diff --git a/apps/console/src/pages/organizations/vendors/VendorView.tsx b/apps/console/src/pages/organizations/vendors/VendorView.tsx
index 7b9fb437a..93d39b693 100644
--- a/apps/console/src/pages/organizations/vendors/VendorView.tsx
+++ b/apps/console/src/pages/organizations/vendors/VendorView.tsx
@@ -2686,55 +2686,63 @@ function VendorViewContent({
           <DialogHeader>
             <DialogTitle>Assessement From Website</DialogTitle>
           </DialogHeader>
-          <div className="space-y-4">
-            <Input
-              placeholder="Enter website URL"
-              value={websiteUrl}
-              onChange={(e) => setWebsiteUrl(e.target.value)}
-              disabled={isInFlight}
-            />
-            {isInFlight && (
-              <div className="flex items-center justify-center text-sm text-[#6B716A]">
-                <svg
-                  className="animate-spin -ml-1 mr-3 h-5 w-5 text-[#054D05]"
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    className="opacity-25"
-                    cx="12"
-                    cy="12"
-                    r="10"
-                    stroke="currentColor"
-                    strokeWidth="4"
-                  ></circle>
-                  <path
-                    className="opacity-75"
-                    fill="currentColor"
-                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                  ></path>
-                </svg>
-                Assessing vendor data...
-              </div>
-            )}
-          </div>
-          <div className="flex justify-end gap-2">
-            <Button
-              variant="outline"
-              onClick={() => setIsAssessDialogOpen(false)}
-              disabled={isInFlight}
-            >
-              Cancel
-            </Button>
-            <Button
-              onClick={handleAssessVendor}
-              disabled={isInFlight}
-              className={isInFlight ? "opacity-50 cursor-not-allowed" : ""}
-            >
-              {isInFlight ? "Processing..." : "Assess"}
-            </Button>
-          </div>
+          <form onSubmit={(e) => {
+            e.preventDefault();
+            handleAssessVendor();
+          }}>
+            <div className="space-y-4">
+              <Input
+                type="url"
+                placeholder="https://www.example.com"
+                value={websiteUrl}
+                onChange={(e) => setWebsiteUrl(e.target.value)}
+                disabled={isInFlight}
+                required
+              />
+              {isInFlight && (
+                <div className="flex items-center justify-center text-sm text-[#6B716A]">
+                  <svg
+                    className="animate-spin -ml-1 mr-3 h-5 w-5 text-[#054D05]"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                  >
+                    <circle
+                      className="opacity-25"
+                      cx="12"
+                      cy="12"
+                      r="10"
+                      stroke="currentColor"
+                      strokeWidth="4"
+                    ></circle>
+                    <path
+                      className="opacity-75"
+                      fill="currentColor"
+                      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                    ></path>
+                  </svg>
+                  Assessing vendor data...
+                </div>
+              )}
+            </div>
+            <div className="flex justify-end gap-2 mt-4">
+              <Button
+                type="button"
+                variant="outline"
+                onClick={() => setIsAssessDialogOpen(false)}
+                disabled={isInFlight}
+              >
+                Cancel
+              </Button>
+              <Button
+                type="submit"
+                disabled={isInFlight}
+                className={isInFlight ? "opacity-50 cursor-not-allowed" : ""}
+              >
+                {isInFlight ? "Processing..." : "Assess"}
+              </Button>
+            </div>
+          </form>
         </DialogContent>
       </Dialog>
     </PageTemplate>