rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix url input type for vendor assessement

Browse Source
This commit is contained in:
Sacha Al Himdani
2025-05-29 10:54:34 -07:00
parent 460cbfee9f
commit 1b4610cdc3
1 changed files with 57 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
apps/console/src/pages/organizations/vendors/VendorView.tsx vendored
View File

@@ -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>