From eb1725b6760ae877d75e0a21174bb6df7744c786 Mon Sep 17 00:00:00 2001
From: Raven Cunanan <63638637+RavenCunanan@users.noreply.github.com>
Date: Thu, 25 Jul 2024 17:49:41 -0700
Subject: [PATCH] Update App.js

Fixed
---
 6-hooks/31-kanban-board/App.js | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/6-hooks/31-kanban-board/App.js b/6-hooks/31-kanban-board/App.js
index d3b34d4..aa684e3 100644
--- a/6-hooks/31-kanban-board/App.js
+++ b/6-hooks/31-kanban-board/App.js
@@ -8,6 +8,22 @@ import "./styles.css";
 
 export const BoardContext = createContext();
 
+const TaskBoardProvider = function() {
+  const [tasks, setTasks] = useState([
+    { id: 1, title: "Task 1", status: "todo" },
+    { id: 2, title: "Task 2", status: "todo" },
+    { id: 3, title: "Task 3", status: "todo" },
+  ]);
+
+ // Kanban Board 📋
+// Codédex
+
+import React, { createContext, useContext, useState, useEffect } from "react";
+import Column from "./Column";
+import "./styles.css";
+
+export const BoardContext = createContext();
+
 const TaskBoardProvider = function() {
   const [tasks, setTasks] = useState([
     { id: 1, title: "Task 1", status: "todo" },
@@ -45,13 +61,13 @@ const Board = function() {
   return (
     <div className="board">
       <Column title="To Do 🪄" tasks={tasks.filter(function(task) {
-        return task.status === "todo"
+        return task.status === "todo";
       })} />
       <Column title="In Progress 🚀" tasks={tasks.filter(function(task) {
-        return task.status === "inProgress"
+        return task.status === "inProgress";
       })} />
       <Column title="Done 🌟" tasks={tasks.filter(function(task) {
-        return task.status === "done"
+        return task.status === "done";
       })} />
     </div>
   );