add free form stats

tuckner · Jan 10, 2024 · 1c830a1 · 1c830a1
1 parent 777e9ab
commit 1c830a1
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 18 deletions.
diff --git a/src/components/Board/AddTask.tsx b/src/components/Board/AddTask.tsx
@@ -94,15 +94,15 @@ export default function AddTask({ handleClose, tasks }: Props) {
                   name: tasks.name,
                   description: tasks.description,
                   category: tasks.category,
-                  time_saved: tasks.time_saved,
+                  stats: tasks.stats,
                   techniques: tasks.techniques,
                   subtasks: tasks.subtasks,
                 }
               : {
                   id: generateRandomNumber(),
                   name: "",
                   description: "",
-                  time_saved: "",
+                  stats: [],
                   category: selectedColumn,
                   techniques: [],
                   subtasks: [],

diff --git a/src/components/Board/TaskDetails.tsx b/src/components/Board/TaskDetails.tsx
@@ -94,11 +94,15 @@ export default function TaskDetails({
           </div>
           <div className="text-sm my-2">
             <p>A{tasks.id}</p>
-          </div>
-          {tasks.time_saved && (
-          <div className="text-xs text-gray my-2">
-            <p>Time saved: {tasks.time_saved}</p>
-          </div>
+          </div> 
+          {tasks.stats && (
+            <>
+              {tasks.stats.map((stat: { name: string; value: string }, index: number) => (
+                <p key={index} className="text-xs text-gray my-2">
+                  {`${stat.name}: ${stat.value}`}
+                </p>
+              ))}
+            </>
           )}
           <div>
             <p className="text-sm my-4">

diff --git a/src/components/Board/TaskItem.tsx b/src/components/Board/TaskItem.tsx
@@ -5,7 +5,6 @@ import AddTask from "./AddTask";
 import TaskDetails from "./TaskDetails";
 import { Draggable } from "@hello-pangea/dnd";
 import { BsCircleFill } from "react-icons/bs";
-// import { randomColor } from "utilis";
 
 interface Props {
   tasks: ITask;
@@ -39,7 +38,6 @@ export default function TaskItem({ tasks, index }: Props) {
                 {tasks.subtasks.map((subtask, index) => (
                   <div key={index}>
                     <p className="text-xs text-gray font-bold">
-                      {" "}
                       {subtask.title}
                     </p>
                   </div>
@@ -48,15 +46,17 @@ export default function TaskItem({ tasks, index }: Props) {
               <div className="flex align-top justify-between">
                 <p className="font-bold pr-2">{tasks.name}</p>
                 <p className="pt-1 text-xs text-slate font-bold">
-                  {" "}
                   A{tasks.id}
                 </p>
               </div>
-              {tasks.time_saved && (
-                <p className="pt-2 text-xs text-gray font-bold">
-                    {" "}
-                    Time saved: {tasks.time_saved}
-                </p>
+              {tasks.stats && (
+                <>
+                  {tasks.stats.map((stat: { name: string; value: string }, index: number) => (
+                    <p key={index} className="pt-2 text-xs text-gray font-bold">
+                      {`${stat.name}: ${stat.value}`}
+                    </p>
+                  ))}
+                </>
               )}
               <div className="flex justify-between items-center pt-10">
                 <p className="text-xs text-gray font-bold">

diff --git a/src/types/index.d.ts b/src/types/index.d.ts
@@ -9,7 +9,7 @@ export interface IBoard {
       name: string;
       description: string;
       category: string;
-      time_saved: string;
+      stats: IStat[];
       techniques: string[];
       subtasks: {  id:string,
         title: string;
@@ -19,6 +19,11 @@ export interface IBoard {
   }[];
 }
 
+export interface IStat {
+  name: string;
+  value: string;
+}
+
 export interface IColumn {
   name: string;
   id:string,
@@ -27,7 +32,7 @@ export interface IColumn {
     name: string;
     description: string;
     category: string;
-    time_saved: string;
+    stats: IStat[];
     techniques: string[];
     subtasks: {
       id:string,
@@ -42,7 +47,7 @@ export interface ITask {
   name: string;
   description: string;
   category: string;
-  time_saved: string;
+  stats: IStat[];
   techniques: string[];
   subtasks: {
     id:string,