fix: validate form

frontends/dashboard/src/pages/dataset/CrawlingSettings.tsx

@@ -9,7 +9,7 @@ import { toTitleCase } from "../../analytics/utils/titleCase";
 import { Spacer } from "../../components/Spacer";
 import { UserContext } from "../../contexts/UserContext";
 import { createToast } from "../../components/ShowToasts";
-import { ValidateErrors, ValidateFn } from "../../utils/validation";
+import { ErrorMsg, ValidateErrors, ValidateFn } from "../../utils/validation";
 import { cn } from "shared/utils";
 
 export const defaultCrawlOptions: CrawlOptions = {
@@ -201,6 +201,9 @@ export const validateFlatCrawlOptions: ValidateFn<FlatCrawlOptions> = (
     if (!value.max_depth) {
       errors.max_depth = "Max depth must be greater than 0";
     }
+    if (value.type === "openapi" && !value.openapi_schema_url) {
+      errors.openapi_schema_url = "OpenAPI Schema URL is required";
+    }
     if (
       value.type == "openapi" &&
       value.openapi_tag &&
@@ -219,7 +222,7 @@ export const validateFlatCrawlOptions: ValidateFn<FlatCrawlOptions> = (
 const RealCrawlingSettings = (props: RealCrawlingSettingsProps) => {
   const [options, setOptions] = createStore(props.initialCrawlingSettings);
   const [errors, setErrors] = createStore<
-    ReturnType<ValidateFn<CrawlOptions>>["errors"]
+    ReturnType<ValidateFn<FlatCrawlOptions>>["errors"]
   >({});
 
   const isShopify = createMemo(() => options.type === "shopify");
@@ -383,6 +386,7 @@ const RealCrawlingSettings = (props: RealCrawlingSettingsProps) => {
               }}
               class="block w-full rounded border border-neutral-300 px-3 py-1.5 shadow-sm placeholder:text-neutral-400 focus:outline-magenta-500 sm:text-sm sm:leading-6"
             />
+            <ErrorMsg error={errors.openapi_schema_url} />
           </div>
           <div class="grow">
             <label class="block" for="">