From c1851c2fc6a12ff30ec0139350df87a68997b180 Mon Sep 17 00:00:00 2001
From: SuperChamp234 <leonardh@tuta.io>
Date: Sat, 15 Jan 2022 09:45:50 +0530
Subject: [PATCH] Minor error fixes

---
 src/view/App.tsx                                           | 1 -
 src/view/Components/Taskview/Dailiesview/DailyItem.tsx     | 2 +-
 src/view/Components/Taskview/Dailiesview/DailySubTasks.tsx | 2 +-
 src/view/Components/Taskview/Todoview/TodoSubTasks.tsx     | 2 +-
 src/view/Components/Taskview/markdownRender.ts             | 4 ++++
 5 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/view/App.tsx b/src/view/App.tsx
index ed3e62c..9ae5826 100644
--- a/src/view/App.tsx
+++ b/src/view/App.tsx
@@ -86,7 +86,6 @@ class App extends React.Component<any, any> {
                 new Notice('Login Failed, Please check credentials and try again!');
             }
             else {
-                console.log(result);
                 this.setState({
                     isLoaded: true,
                     user_data: result,
diff --git a/src/view/Components/Taskview/Dailiesview/DailyItem.tsx b/src/view/Components/Taskview/Dailiesview/DailyItem.tsx
index ac950ee..4443cd3 100644
--- a/src/view/Components/Taskview/Dailiesview/DailyItem.tsx
+++ b/src/view/Components/Taskview/Dailiesview/DailyItem.tsx
@@ -12,7 +12,7 @@ function DailyItem(props: any) {
                 <p><span dangerouslySetInnerHTML={{__html: text_html}}></span></p>
                 <div className="description" dangerouslySetInnerHTML={{__html: note_html}}></div>
                 {/* {console.log(props.checklist)} */}
-                <DailySubTasks subtasks={props.daily_subtasks} onChangeChecklistItem={props.onChangeChecklistItem}></DailySubTasks>
+                <DailySubTasks key={props.daily_subtasks.id} subtasks={props.daily_subtasks} onChangeChecklistItem={props.onChangeChecklistItem}></DailySubTasks>
             </div>
 
         </div>
diff --git a/src/view/Components/Taskview/Dailiesview/DailySubTasks.tsx b/src/view/Components/Taskview/Dailiesview/DailySubTasks.tsx
index 71b2b09..09e4c99 100644
--- a/src/view/Components/Taskview/Dailiesview/DailySubTasks.tsx
+++ b/src/view/Components/Taskview/Dailiesview/DailySubTasks.tsx
@@ -7,7 +7,7 @@ function DailySubTasks(props: any) {
         const subtasks = props.subtasks.map((subtask: any) => {
             let subtask_text = renderMarkdown(subtask.text);
             return (
-                <div className="subtask" id={subtask.id}>
+                <div className="subtask" id={subtask.id} key={subtask.id} >
                     <input id={subtask.id} type="checkbox" className="checkbox-checklist" onChange={props.onChangeChecklistItem} checked={subtask.completed} />
                     <p id={subtask.id}><span dangerouslySetInnerHTML={{__html: subtask_text}}></span></p>
                 </div>
diff --git a/src/view/Components/Taskview/Todoview/TodoSubTasks.tsx b/src/view/Components/Taskview/Todoview/TodoSubTasks.tsx
index 0ba83d7..92ab97a 100644
--- a/src/view/Components/Taskview/Todoview/TodoSubTasks.tsx
+++ b/src/view/Components/Taskview/Todoview/TodoSubTasks.tsx
@@ -6,7 +6,7 @@ function TodoSubTasks(props: any) {
         const subtasks = props.subtasks.map((subtask: any) => {
             let subtask_text = renderMarkdown(subtask.text);
             return (
-                <div className="subtask" id={subtask.id}>
+                <div className="subtask" id={subtask.id} key={subtask.id}>
                     <input type="checkbox" className="checkbox" onChange={props.onChange} checked={subtask.completed} id={subtask.id}/>
                     <p id={subtask.id}><span dangerouslySetInnerHTML={{__html: subtask_text}}></span></p>
                 </div>
diff --git a/src/view/Components/Taskview/markdownRender.ts b/src/view/Components/Taskview/markdownRender.ts
index 9e95a59..e09aa1f 100644
--- a/src/view/Components/Taskview/markdownRender.ts
+++ b/src/view/Components/Taskview/markdownRender.ts
@@ -3,6 +3,10 @@ import markdownitEmoji from "markdown-it-emoji"
 import twemoji from "twemoji";
 
 export default function renderMarkdown(markdown: string) {
+    //check if markdown is empty or not a string
+    if (markdown === "" || markdown === undefined) {
+        return "";
+    }
     const md = new MarkdownIt({
         html: true,
         breaks: true,