From c04924a7c7623a15d636b48922b1e678e3263960 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Wed, 15 Jan 2025 07:34:09 -0500
Subject: [PATCH] Resolve missing prop console warnings

---
 .../components/Markdown/Editor/CellEditor.vue | 24 +++++++++++++++++++
 .../components/Markdown/Editor/TextEditor.vue |  2 +-
 .../components/Markdown/MarkdownEditor.vue    |  5 ++--
 3 files changed, 27 insertions(+), 4 deletions(-)
 create mode 100644 client/src/components/Markdown/Editor/CellEditor.vue

diff --git a/client/src/components/Markdown/Editor/CellEditor.vue b/client/src/components/Markdown/Editor/CellEditor.vue
new file mode 100644
index 000000000000..3d3a64a681a0
--- /dev/null
+++ b/client/src/components/Markdown/Editor/CellEditor.vue
@@ -0,0 +1,24 @@
+<template>
+    <div class="d-flex h-100 w-100">
+        {{ markdownText }}
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+import { parseMarkdown } from "../parse";
+
+const props = defineProps<{
+    markdownText: string;
+}>();
+
+interface CellType {
+    name: string;
+    content: string;
+}
+
+const cells = ref<Array<CellType>>(parseMarkdown(props.markdownText));
+
+console.log(cells.value);
+</script>
diff --git a/client/src/components/Markdown/Editor/TextEditor.vue b/client/src/components/Markdown/Editor/TextEditor.vue
index f4997eb5d8ae..261e9bd0d08d 100644
--- a/client/src/components/Markdown/Editor/TextEditor.vue
+++ b/client/src/components/Markdown/Editor/TextEditor.vue
@@ -22,7 +22,7 @@ import FlexPanel from "@/components/Panels/FlexPanel.vue";
 const props = defineProps<{
     markdownText: string;
     mode: "report" | "page";
-    steps: Record<string, any>;
+    steps?: Record<string, any>;
     title: string;
 }>();
 
diff --git a/client/src/components/Markdown/MarkdownEditor.vue b/client/src/components/Markdown/MarkdownEditor.vue
index ef6241128561..8a734e77eeb0 100644
--- a/client/src/components/Markdown/MarkdownEditor.vue
+++ b/client/src/components/Markdown/MarkdownEditor.vue
@@ -63,20 +63,19 @@ library.add(faQuestion);
 
 defineProps<{
     markdownText: string;
-    steps: Record<string, any>;
+    steps?: Record<string, any>;
     title: string;
     mode: "report" | "page";
 }>();
 
 const showHelpModal = ref<boolean>(false);
 
+const editor = ref("cells");
 const editorOptions = ref([
     { text: "Text", value: "text" },
     { text: "Cells", value: "cells" },
 ]);
 
-const editor = ref("text");
-
 function onHelp() {
     showHelpModal.value = true;
 }