add markdown render

src/view/Components/Taskview/Rewardview/RewardItem.tsx

@@ -1,11 +1,15 @@
 import Emoji from "react-emoji-render";
 import * as React from "react";
-
+import ReactMarkdown from "react-markdown";
 function RewardItem(props: any) {
     return (
         <div className="reward-item" id={props.id}>
             <button className="reward-click" id={props.id} onClick={props.onChange}>-{props.reward_value}</button>
+            <div>
             <p className="reward-text"><Emoji text={props.reward_text}></Emoji></p>
+            <ReactMarkdown children={props.reward_notes} />
+            </div>
+            
         </div>
     )
 }

src/view/Components/Taskview/Rewardview/index.tsx

@@ -9,7 +9,7 @@ export default function Index(props: any){
     }
     else {
         const allRewards = props.rewards.map((reward: any) => {
-            return <RewardItem key={reward.id} id={reward.id} reward_text={reward.text} reward_value={reward.value} onChange={props.onChange}/>
+            return <RewardItem key={reward.id} id={reward.id} reward_text={reward.text} reward_notes={reward.notes} reward_value={reward.value} onChange={props.onChange}/>
         })
         const display = <div id="classDisplay">
                             <ul>{allRewards}</ul>