- created forms for JSON, BOF2, UTMC and FTP

src/features/output/components/ChannelCard.tsx

@@ -2,14 +2,21 @@ import { useFormikContext } from "formik";
 import Card from "../../../ui/Card";
 import CardHeader from "../../../ui/CardHeader";
 import ChannelFields from "./ChannelFields";
+import type { FormTypes } from "../../../types/types";
 
 const ChannelCard = () => {
-  const { values } = useFormikContext();
-  console.log(values);
+  const { values, errors, touched } = useFormikContext<FormTypes>();
+
   return (
-    <Card>
+    <Card className="p-4 h-150 md:h-full">
       <CardHeader title={`Channel (${values?.format})`} />
-      <ChannelFields format={values?.format} />
+      <ChannelFields errors={errors} touched={touched} values={values} />
+      <button
+        type="submit"
+        className="w-full md:w-1/4 text-white bg-green-700 hover:bg-green-800 font-small rounded-lg text-sm px-2 py-2.5"
+      >
+        {"Save Changes"}
+      </button>
     </Card>
   );
 };