From 95e521e8331a7104dd729c1f43f2a351ae000141 Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Sun, 11 Feb 2024 19:00:06 +0200
Subject: [PATCH 01/11] chore: make tasks scrollable

---
 index.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 92ceeaa..906a89b 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,10 @@
     <title>TaskForge</title>
   </head>
   <body>
-    <div id="root" class="container min-h-[500px]"></div>
+    <div
+      id="root"
+      class="container min-h-[600px] max-h-[600px] overflow-x-hidden overflow-y-scroll pb-14"
+    ></div>
     <script type="module" src="/src/main.jsx"></script>
     <script
       src="/src/utils/font-awesome.js"

From 1ba528789c43d5777dd4c24eb27d20893280231d Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Sun, 11 Feb 2024 19:00:27 +0200
Subject: [PATCH 02/11] version: updated

---
 manifest.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/manifest.json b/manifest.json
index 925585e..a686a91 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "TaskForge",
-  "version": "1.0.0",
+  "version": "1.1.021",
   "action": { "default_popup": "index.html" },
   "permissions": ["storage"],
   "icons": {

From 4ef8bb124ef019a28ff5320c005126437e52f657 Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Sun, 11 Feb 2024 19:01:42 +0200
Subject: [PATCH 03/11] feat: add button for manual tasks

---
 src/components/AddTasks.jsx | 62 +++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 src/components/AddTasks.jsx

diff --git a/src/components/AddTasks.jsx b/src/components/AddTasks.jsx
new file mode 100644
index 0000000..334b44d
--- /dev/null
+++ b/src/components/AddTasks.jsx
@@ -0,0 +1,62 @@
+import React, { useState } from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faPlus, faCalendar } from "@fortawesome/free-solid-svg-icons";
+
+function AddTasks() {
+  const [taskText, setTaskText] = useState("");
+  const [taskDate, setTaskDate] = useState("");
+
+  const handleTextChange = (event) => {
+    setTaskText(event.target.value);
+  };
+
+  const handleDateChange = (event) => {
+    setTaskDate(event.target.value);
+  };
+
+  const handleDateIconClick = () => {
+    const currentDate = new Date().toISOString().split("T")[0];
+    setTaskDate(currentDate);
+  };
+
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    const task = {
+      text: taskText,
+      date: taskDate,
+    };
+    console.log(task);
+    setTaskText("");
+    setTaskDate("");
+  };
+
+  return (
+    <form
+      onSubmit={handleSubmit}
+      className="absolute bottom-0 w-full bg-[#161616] min-h-[50px] p-3 flex items-center space-x-3"
+    >
+      <div className="relative w-full">
+        <FontAwesomeIcon
+          icon={faPlus}
+          className="absolute left-3 top-[50%] -translate-y-[50%] text-white cursor-pointer"
+        />
+        <input
+          type="text"
+          className="pl-8 border w-full bg-[#161616] text-white border-gray-300 px-3 py-2 mr-2 rounded-lg"
+          value={taskText}
+          placeholder="Add Tasks"
+          onChange={handleTextChange}
+        />
+      </div>
+      <input
+        type="date"
+        required
+        className="border w-[150px] bg-[#161616] text-white border-gray-300 px-2 py-2 text-[11px] rounded-lg"
+        value={taskDate}
+        onChange={handleDateChange}
+      />
+    </form>
+  );
+}
+
+export default AddTasks;

From 9e602f4e508466350b229383698578991531ef31 Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Sun, 11 Feb 2024 19:01:58 +0200
Subject: [PATCH 04/11] style: update input color

---
 src/styles/index.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/styles/index.css b/src/styles/index.css
index 673c3ae..fc89899 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -2,10 +2,13 @@
 @tailwind components;
 @tailwind utilities;
 
-.container{
+.container {
   max-width: 1280px;
   min-width: 400px;
   margin: 0 auto;
   background-color: #161616;
 }
 
+input[type="date"]::-webkit-calendar-picker-indicator {
+  filter: invert(1);
+}

From 251c778e7f84249548df083b71ebb713aca454b7 Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Sun, 11 Feb 2024 19:04:36 +0200
Subject: [PATCH 05/11] chore: format doc

---
 src/pages/Home.jsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 745c086..45b55b8 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -8,6 +8,7 @@ import TaskCard from "../components/TaskComponent";
 import ToggleSection from "../components/ToggleSection";
 import TaskList from "../components/TaskList";
 import * as taskUtils from "../utils/taskUtils";
+import AddTasks from "../components/AddTasks";
 
 function Home({ userEmail }) {
   const [taskData, setTaskData] = useState([]);
@@ -99,6 +100,10 @@ function Home({ userEmail }) {
       } else if (section === "yesterday") {
         const yesterday = new Date(today);
         yesterday.setDate(today.getDate() - 1);
+        if (today.getDay() === 1) {
+          yesterday.setDate(yesterday.getDate() - 2);
+        }
+
         return taskDate.toDateString() === yesterday.toDateString();
       }
 
@@ -182,6 +187,7 @@ function Home({ userEmail }) {
           isVisible={yesterdayVisible}
         />
       </div>
+      <AddTasks />
     </div>
   );
 }

From 42619d65103fe4914622805cbb959b3145aeba38 Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Sun, 3 Mar 2024 12:35:33 +0200
Subject: [PATCH 06/11] style: add padding to yesterday section

---
 index.html                       | 2 +-
 src/components/ToggleSection.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 906a89b..0b16fbf 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
   <body>
     <div
       id="root"
-      class="container min-h-[600px] max-h-[600px] overflow-x-hidden overflow-y-scroll pb-14"
+      class="container min-h-[600px] max-h-[600px] overflow-x-hidden overflow-y-scroll"
     ></div>
     <script type="module" src="/src/main.jsx"></script>
     <script
diff --git a/src/components/ToggleSection.jsx b/src/components/ToggleSection.jsx
index 89b50e8..b8cab0a 100644
--- a/src/components/ToggleSection.jsx
+++ b/src/components/ToggleSection.jsx
@@ -4,7 +4,7 @@ import { faAngleDown, faAngleRight } from "@fortawesome/free-solid-svg-icons";
 
 function ToggleSection({ isVisible, onClick, label, taskCount }) {
   return (
-    <div className="toggle-section">
+    <div className={`toggle-section${label === "Yesterday" ? " pb-14" : ""}`}>
       <div className="text-[#E4E4E4] flex space-x-2 items-center">
         <FontAwesomeIcon
           icon={isVisible ? faAngleDown : faAngleRight}

From 0a57370f2698061bd1679d5fd6153de8cafd8a9c Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Sun, 3 Mar 2024 12:36:04 +0200
Subject: [PATCH 07/11] chore: update select to be today and yesterday

---
 src/components/AddTasks.jsx | 16 ++++++----------
 src/styles/Home.css         | 13 +++++++++++++
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/components/AddTasks.jsx b/src/components/AddTasks.jsx
index 334b44d..980b352 100644
--- a/src/components/AddTasks.jsx
+++ b/src/components/AddTasks.jsx
@@ -14,11 +14,6 @@ function AddTasks() {
     setTaskDate(event.target.value);
   };
 
-  const handleDateIconClick = () => {
-    const currentDate = new Date().toISOString().split("T")[0];
-    setTaskDate(currentDate);
-  };
-
   const handleSubmit = (event) => {
     event.preventDefault();
     const task = {
@@ -48,13 +43,14 @@ function AddTasks() {
           onChange={handleTextChange}
         />
       </div>
-      <input
-        type="date"
+      <select
         required
-        className="border w-[150px] bg-[#161616] text-white border-gray-300 px-2 py-2 text-[11px] rounded-lg"
-        value={taskDate}
+        className="border w-[150px] bg-[#161616] text-white border-gray-300 px-2 py-2 text-[11px] rounded-lg appearance-none custom-select-arrow"
         onChange={handleDateChange}
-      />
+      >
+        <option value="today">Today</option>
+        <option value="yesterday">Yesterday</option>
+      </select>
     </form>
   );
 }
diff --git a/src/styles/Home.css b/src/styles/Home.css
index e2fb5c1..49c4364 100644
--- a/src/styles/Home.css
+++ b/src/styles/Home.css
@@ -156,6 +156,19 @@
   transition: background-color 0.3s, transform 0.3s;
 }
 
+.custom-select-arrow {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: #161616;
+  background-image: url("data:image/svg+xml,%3csvg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M8.354 11.646l4-4a.5.5 0 0 0-.708-.708L8 10.293 4.354 6.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position-x: calc(100% - 0.5rem);
+  background-position-y: center;
+  padding-right: 1.5rem;
+  background-size: 0.75rem;
+}
+
 #delete-btn:focus {
   outline: none;
 }

From 2356f1ad0ece0836761d871c7e728dd20c63aaf7 Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Sun, 3 Mar 2024 17:32:06 +0200
Subject: [PATCH 08/11] chore: update manifest version

---
 manifest.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/manifest.json b/manifest.json
index b2da117..a7ae9f5 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "TaskForge",
-  "version": "1.1.041",
+  "version": "1.1.042",
   "action": { "default_popup": "index.html" },
   "permissions": ["storage"],
   "icons": {

From f4fd80832c719568038012b6efb40ed1cbe1e2e9 Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Sun, 3 Mar 2024 17:37:09 +0200
Subject: [PATCH 09/11] feat: add function to submit manual tasks

---
 src/components/AddTasks.jsx      | 52 +++++++++++++++++++++++++++++---
 src/components/ToggleSection.jsx |  2 +-
 src/pages/Home.jsx               |  2 +-
 src/styles/Home.css              |  1 +
 4 files changed, 50 insertions(+), 7 deletions(-)

diff --git a/src/components/AddTasks.jsx b/src/components/AddTasks.jsx
index 980b352..8994aba 100644
--- a/src/components/AddTasks.jsx
+++ b/src/components/AddTasks.jsx
@@ -1,6 +1,8 @@
 import React, { useState } from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faPlus, faCalendar } from "@fortawesome/free-solid-svg-icons";
+import { faPlus } from "@fortawesome/free-solid-svg-icons";
+import { collection, addDoc } from "@firebase/firestore";
+import { db } from "../utils/firebase_config";
 
 function AddTasks() {
   const [taskText, setTaskText] = useState("");
@@ -10,19 +12,57 @@ function AddTasks() {
     setTaskText(event.target.value);
   };
 
+  const tasksCollection = collection(db, "forgedTasks");
+
   const handleDateChange = (event) => {
     setTaskDate(event.target.value);
   };
 
-  const handleSubmit = (event) => {
+  const handleSubmit = async (event) => {
     event.preventDefault();
+
+    if (!taskText.trim()) {
+      alert("Task text cannot be empty");
+      return;
+    }
+
     const task = {
       text: taskText,
       date: taskDate,
     };
-    console.log(task);
-    setTaskText("");
-    setTaskDate("");
+
+    let dateAdded;
+
+    if (taskDate === "yesterday") {
+      const yesterday = new Date();
+      yesterday.setDate(yesterday.getDate() - 1);
+      dateAdded = yesterday.toISOString();
+    } else {
+      dateAdded = new Date().toISOString();
+    }
+
+    console.log("submitted");
+
+    chrome.runtime.sendMessage(
+      { action: "checkSignInStatus" },
+      async (response) => {
+        const user = response.user;
+
+        try {
+          await addDoc(tasksCollection, {
+            cardTitle: task.text,
+            cardType: "project",
+            author: { name: user.email, id: user.uid },
+            dateAdded: dateAdded,
+          });
+
+          setTaskText("");
+          setTaskDate("");
+        } catch (error) {
+          throw new Error("Error adding document: ", error);
+        }
+      }
+    );
   };
 
   return (
@@ -33,10 +73,12 @@ function AddTasks() {
       <div className="relative w-full">
         <FontAwesomeIcon
           icon={faPlus}
+          onClick={handleSubmit}
           className="absolute left-3 top-[50%] -translate-y-[50%] text-white cursor-pointer"
         />
         <input
           type="text"
+          required
           className="pl-8 border w-full bg-[#161616] text-white border-gray-300 px-3 py-2 mr-2 rounded-lg"
           value={taskText}
           placeholder="Add Tasks"
diff --git a/src/components/ToggleSection.jsx b/src/components/ToggleSection.jsx
index b8cab0a..89b50e8 100644
--- a/src/components/ToggleSection.jsx
+++ b/src/components/ToggleSection.jsx
@@ -4,7 +4,7 @@ import { faAngleDown, faAngleRight } from "@fortawesome/free-solid-svg-icons";
 
 function ToggleSection({ isVisible, onClick, label, taskCount }) {
   return (
-    <div className={`toggle-section${label === "Yesterday" ? " pb-14" : ""}`}>
+    <div className="toggle-section">
       <div className="text-[#E4E4E4] flex space-x-2 items-center">
         <FontAwesomeIcon
           icon={isVisible ? faAngleDown : faAngleRight}
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 8b1288a..21edcd5 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -175,7 +175,7 @@ function Home({ userEmail }) {
         isTechCoach={isTechCoach}
         isPopupVisible={isPopupVisible}
       />
-      <div className="task-board space-y-3">
+      <div className="task-board space-y-3 pb-16">
         <Stats
           projectTasksCount={projectTasksCount}
           reviewTasksCount={reviewTasksCount}
diff --git a/src/styles/Home.css b/src/styles/Home.css
index 49c4364..e65538b 100644
--- a/src/styles/Home.css
+++ b/src/styles/Home.css
@@ -167,6 +167,7 @@
   background-position-y: center;
   padding-right: 1.5rem;
   background-size: 0.75rem;
+  cursor: pointer;
 }
 
 #delete-btn:focus {

From 4a6a3efd2137cb80331b680440b035f17b23ebc0 Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Tue, 2 Jul 2024 09:15:27 +0200
Subject: [PATCH 10/11] fix: selected date when submitting a manual task

---
 src/components/AddTasks.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/AddTasks.jsx b/src/components/AddTasks.jsx
index 8994aba..0a2cc08 100644
--- a/src/components/AddTasks.jsx
+++ b/src/components/AddTasks.jsx
@@ -7,6 +7,7 @@ import { db } from "../utils/firebase_config";
 function AddTasks() {
   const [taskText, setTaskText] = useState("");
   const [taskDate, setTaskDate] = useState("");
+  const [selectedDate, setSelectedDate] = useState('today');
 
   const handleTextChange = (event) => {
     setTaskText(event.target.value);
@@ -15,6 +16,7 @@ function AddTasks() {
   const tasksCollection = collection(db, "forgedTasks");
 
   const handleDateChange = (event) => {
+    setSelectedDate(event.target.value);
     setTaskDate(event.target.value);
   };
 
@@ -41,8 +43,6 @@ function AddTasks() {
       dateAdded = new Date().toISOString();
     }
 
-    console.log("submitted");
-
     chrome.runtime.sendMessage(
       { action: "checkSignInStatus" },
       async (response) => {
@@ -58,6 +58,7 @@ function AddTasks() {
 
           setTaskText("");
           setTaskDate("");
+          setSelectedDate('today');
         } catch (error) {
           throw new Error("Error adding document: ", error);
         }
@@ -89,6 +90,7 @@ function AddTasks() {
         required
         className="border w-[150px] bg-[#161616] text-white border-gray-300 px-2 py-2 text-[11px] rounded-lg appearance-none custom-select-arrow"
         onChange={handleDateChange}
+        value={selectedDate}
       >
         <option value="today">Today</option>
         <option value="yesterday">Yesterday</option>

From d8bdb3d5cb58d8e8630e77dcafcb2228f32e31db Mon Sep 17 00:00:00 2001
From: Xavier Julies <78542365+XavierJ96@users.noreply.github.com>
Date: Tue, 2 Jul 2024 10:17:20 +0200
Subject: [PATCH 11/11] chore: align manifest version with cuurrently released
 version

---
 manifest.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/manifest.json b/manifest.json
index a7ae9f5..0d2dc02 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "TaskForge",
-  "version": "1.1.042",
+  "version": "1.1.045",
   "action": { "default_popup": "index.html" },
   "permissions": ["storage"],
   "icons": {
