handle errors better in the ui with an alert component

crawler/frontend/src/components/Parameters.tsx

@@ -36,6 +36,7 @@ export function Parameters(
     props: {
         isOpen: boolean,
         onSubmit: (action: 'fetch-data' | 'visualize', fromValues: ParameterValues) => void,
+        setIsOpen: (isOpen: boolean) => void
     }
 ) {
     const {
@@ -76,10 +77,10 @@ export function Parameters(
 
 
     return <>
-        {/* <Dialog open={props.isOpen} > */}
-        <Dialog >
+        <Dialog open={props.isOpen} onOpenChange={props.setIsOpen} >
+            {/* <Dialog > */}
             <DialogTrigger asChild>
-                <Button variant="outline">Open Parameters</Button>
+                <Button variant="outline" onClick={() => props.setIsOpen(true)}>Open Parameters</Button>
             </DialogTrigger>
             <DialogContent className="sm:max-w-[425px]">
                 <DialogTitle>