diff --git a/src/frontend/src/assets/undraw_design_components_9vy6.svg b/src/frontend/src/assets/undraw_design_components_9vy6.svg
new file mode 100644
index 000000000..c21e134e9
--- /dev/null
+++ b/src/frontend/src/assets/undraw_design_components_9vy6.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/frontend/src/components/undrawCards/index.tsx b/src/frontend/src/components/undrawCards/index.tsx
index c12334c56..2ac189e71 100644
--- a/src/frontend/src/components/undrawCards/index.tsx
+++ b/src/frontend/src/components/undrawCards/index.tsx
@@ -3,6 +3,9 @@ import { useNavigate } from "react-router-dom";
///
//@ts-ignore
import { ReactComponent as TransferFiles } from "../../assets/undraw_transfer_files_re_a2a9.svg"
+//@ts-ignore
+import { ReactComponent as BasicPrompt } from "../../assets/undraw_design_components_9vy6.svg"
+
import useFlowsManagerStore from "../../stores/flowsManagerStore";
import { FlowType } from "../../types/flow"
import { updateIds } from "../../utils/reactflowUtils";
@@ -14,6 +17,18 @@ export default function UndrawCardComponent({
}: { flow: FlowType }) {
const addFlow = useFlowsManagerStore((state) => state.addFlow);
const navigate = useNavigate();
+
+ function selectImage() {
+ switch (flow.name) {
+ case "Data Ingestion":
+ return
+ case "Basic Prompting":
+ return
+ default:
+ return
+ }
+ }
+
return (
{
updateIds(flow.data!);
@@ -23,7 +38,8 @@ export default function UndrawCardComponent({
}} className="pt-4 w-80 h-72 cursor-pointer">
-
+ {selectImage()}
+
{flow.name}