revert changes

frontend/src/components/flow-testing/flow-page.tsx

@@ -1,9 +1,9 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { FormInput } from "../ui/forms/form-input";
 import FormSelect from "../ui/forms/form-select";
 import GenericForm from "../ui/forms/generic-form";
 import axios from "axios";
-import { Flow } from "../../types/flow-types";
+import { FetchFlowsResponse } from "../../types/flow-types";
 import RenderFlows from "./render-flows";
 import Stepper from "../ui/mini-components/stepper";
 import { MdOutlineDomainVerification } from "react-icons/md";
@@ -18,7 +18,7 @@ export default function FlowContent() {
 	const [step, setStep] = useState(0);
 	const [session, setSession] = useState<string>("");
 	const [subUrl, setSubUrl] = useState<string>("");
-	const [flows, setFlows] = useState<Flow[] | null>(null);
+	const [flows, setFlows] = useState<FetchFlowsResponse | null>(null);
 	const [report, setReport] = useState("");
 
 	const onSubmit = async (data: any) => {
@@ -56,33 +56,22 @@ export default function FlowContent() {
 			console.error("error while sending response", e);
 		}
 	};
-	const fetchFlows = async (data: any) => {
+	const fetchFlows = async () => {
 		try {
 			const response = await axios.get(
-				`${import.meta.env.VITE_BACKEND_URL}/config/flows`,
-				{
-					params:  {
-						domain: data.domain,
-						version: data.version,
-						usecase: data.usecase
-					}
-				}
+				`${import.meta.env.VITE_BACKEND_URL}/flow`,
+				{}
 			);
-			setFlows(response.data.data.flows);
+			setFlows(response.data);
 			console.log("flows", response.data);
 		} catch (e) {
 			console.log("error while fetching flows", e);
 		}
 	};
 
-	const onSubmitHandler = async (data: any) => {
-		await fetchFlows(data)
-		await onSubmit(data)
-	}
-
-	// useEffect(() => {
-	// 	fetchFlows();
-	// }, []);
+	useEffect(() => {
+		fetchFlows();
+	}, []);
 
 	const Body = () => {
 		switch (step) {
@@ -93,7 +82,7 @@ export default function FlowContent() {
 							<Heading size=" text-xl" className="mb-2">
 								Details
 							</Heading>
-							<GenericForm onSubmit={onSubmitHandler}>
+							<GenericForm onSubmit={onSubmit}>
 								<FormInput
 									label="Enter Subscriber Url"
 									name="subscriberUrl"
@@ -118,12 +107,6 @@ export default function FlowContent() {
 									required={true}
 									options={["2.0.0"]}
 								/>
-								<FormSelect
-									label="Enter Usecase"
-									name="usecase"
-									required={true}
-									options={["Metro"]}
-								/>
 								{/* <FormInput
 									label="Enter City Code"
 									name="city"

frontend/src/components/flow-testing/render-flows.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from "react";
-import { Flow } from "../../types/flow-types";
+import { FetchFlowsResponse } from "../../types/flow-types";
 import InfoCard from "../ui/info-card";
 import DifficultyCards from "../ui/difficulty-cards";
 import axios from "axios";
@@ -25,7 +25,7 @@ function RenderFlows({
 	setStep,
 	setReport,
 }: {
-	flows: Flow[];
+	flows: FetchFlowsResponse;
 	subUrl: string;
 	sessionId: string;
 	setStep: React.Dispatch<React.SetStateAction<number>>;
@@ -218,9 +218,9 @@ function RenderFlows({
 			<div className="flex flex-1 w-full">
 				{/* Left Column - Main Content */}
 				<div className="w-full sm:w-[60%] overflow-y-auto p-4">
-					{/* {flows.domain.map((domain) => ( */}
-						<div className="mb-8">
-							{flows.map((flow) => (
+					{flows.domain.map((domain) => (
+						<div key={domain.name} className="mb-8">
+							{domain.flows.map((flow) => (
 								<Accordion
 									key={flow.id}
 									flow={flow}
@@ -235,7 +235,7 @@ function RenderFlows({
 								/>
 							))}
 						</div>
-					{/* ))} */}
+					))}
 				</div>
 
 				{/* Right Column - Sticky Request & Response */}