rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions 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> <DialogHeader>
<DialogTitle>Assessement From Website</DialogTitle> <DialogTitle>Assessement From Website</DialogTitle>
</DialogHeader> </DialogHeader>
<div className="space-y-4"> <form onSubmit={(e) => {
<Input e.preventDefault();
placeholder="Enter website URL" handleAssessVendor();
value={websiteUrl} }}>
onChange={(e) => setWebsiteUrl(e.target.value)} <div className="space-y-4">
disabled={isInFlight} <Input
/> type="url"
{isInFlight && ( placeholder="https://www.example.com"
<div className="flex items-center justify-center text-sm text-[#6B716A]"> value={websiteUrl}
<svg onChange={(e) => setWebsiteUrl(e.target.value)}
className="animate-spin -ml-1 mr-3 h-5 w-5 text-[#054D05]" disabled={isInFlight}
xmlns="http://www.w3.org/2000/svg" required
fill="none" />
viewBox="0 0 24 24" {isInFlight && (
> <div className="flex items-center justify-center text-sm text-[#6B716A]">
<circle <svg
className="opacity-25" className="animate-spin -ml-1 mr-3 h-5 w-5 text-[#054D05]"
cx="12" xmlns="http://www.w3.org/2000/svg"
cy="12" fill="none"
r="10" viewBox="0 0 24 24"
stroke="currentColor" >
strokeWidth="4" <circle
></circle> className="opacity-25"
<path cx="12"
className="opacity-75" cy="12"
fill="currentColor" r="10"
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" stroke="currentColor"
></path> strokeWidth="4"
</svg> ></circle>
Assessing vendor data... <path
</div> className="opacity-75"
)} fill="currentColor"
</div> 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"
<div className="flex justify-end gap-2"> ></path>
<Button </svg>
variant="outline" Assessing vendor data...
onClick={() => setIsAssessDialogOpen(false)} </div>
disabled={isInFlight} )}
> </div>
Cancel <div className="flex justify-end gap-2 mt-4">
</Button> <Button
<Button type="button"
onClick={handleAssessVendor} variant="outline"
disabled={isInFlight} onClick={() => setIsAssessDialogOpen(false)}
className={isInFlight ? "opacity-50 cursor-not-allowed" : ""} disabled={isInFlight}
> >
{isInFlight ? "Processing..." : "Assess"} Cancel
</Button> </Button>
</div> <Button
type="submit"
disabled={isInFlight}
className={isInFlight ? "opacity-50 cursor-not-allowed" : ""}
>
{isInFlight ? "Processing..." : "Assess"}
</Button>
</div>
</form>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</PageTemplate> </PageTemplate>