- addressing feedback

src/features/output/components/ChannelCard.tsx

@@ -5,7 +5,11 @@ import ChannelFields from "./ChannelFields";
 import type { FormTypes } from "../../../types/types";
 import { useGetBearerConfig } from "../hooks/useBearer";
 
-const ChannelCard = () => {
+type ChannelCardProps = {
+  customFields: (string | undefined)[];
+};
+
+const ChannelCard = ({ customFields }: ChannelCardProps) => {
   const { values, errors, touched, setFieldValue } = useFormikContext<FormTypes>();
   const { bearerQuery } = useGetBearerConfig(values?.format?.toLowerCase() || "json");
   const outputData = bearerQuery?.data;
@@ -18,10 +22,11 @@ const ChannelCard = () => {
         values={values}
         outputData={outputData}
         onSetFieldValue={setFieldValue}
+        customFields={customFields}
       />
       <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"
+        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 hover:cursor-pointer"
       >
         {"Save Changes"}
       </button>