add validation schema for add stream form

airbytehq · Jan 3, 2023 · 16ce351 · 16ce351
1 parent 6a8be0b
commit 16ce351
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/AddStreamButton.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/AddStreamButton.tsx
@@ -3,6 +3,7 @@ import merge from "lodash/merge";
 import { useState } from "react";
 import React from "react";
 import { FormattedMessage, useIntl } from "react-intl";
+import * as yup from "yup";
 
 import { Button } from "components/ui/Button";
 import { Modal, ModalBody, ModalFooter } from "components/ui/Modal";
@@ -59,6 +60,10 @@ export const AddStreamButton: React.FC<AddStreamButtonProps> = ({ onAddStream, b
             setIsOpen(false);
             onAddStream(numStreams);
           }}
+          validationSchema={yup.object().shape({
+            streamName: yup.string().required("form.empty.error"),
+            urlPath: yup.string().required("form.empty.error"),
+          })}
         >
           <>
             <FormikPatch />