techniques

tuckner · Dec 19, 2023 · 093a962 · 093a962
1 parent 420695a
commit 093a962
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 17 deletions.
diff --git a/src/components/Board/AddTask.tsx b/src/components/Board/AddTask.tsx
@@ -8,7 +8,10 @@ import { appData, addTask, editTask, deleteTask } from "redux/boardSlice";
 import { useDispatch, useSelector } from "react-redux";
 import { checkDuplicatedTask } from "utilis";
 import { useToast } from "@chakra-ui/react";
-import { v4 as uuidv4 } from "uuid";
+
+const generateRandomNumber = (): string => {
+  return String(Math.floor(Math.random() * (9999 - 9000 + 1)) + 9000);
+};
 
 interface Props {
   handleClose: () => void;
@@ -94,7 +97,7 @@ export default function AddTask({ handleClose, tasks }: Props) {
                   subtasks: tasks.subtasks,
                 }
               : {
-                  id: uuidv4().slice(5),
+                  id: generateRandomNumber(),
                   name: "",
                   description: "",
                   category: selectedColumn,
@@ -149,7 +152,7 @@ export default function AddTask({ handleClose, tasks }: Props) {
                         type="button"
                         onClick={() => {
                           arrayHelpers.push({
-                            id: uuidv4().slice(5),
+                            id: generateRandomNumber(),
                             title: "",
                             isCompleted: false,
                           });

diff --git a/src/components/Board/TaskDetails.tsx b/src/components/Board/TaskDetails.tsx
@@ -101,15 +101,20 @@ export default function TaskDetails({
                 {tasks.description ? tasks.description : "No description"}
               </Linkify>
             </p>
-            <p className=" text-sm font-bold mb-2 ">Techniques:</p>
-            <p className="text-sm my-3">
-              <Linkify as="p" options={linkoptions}>
-                {tasks.techniques &&
-                  tasks.techniques.map((technique: string, index: number) => (
-                    <li key={index}>{technique}</li>
-                  ))}
-              </Linkify>
-            </p>
+            {tasks.techniques && tasks.techniques.length > 0 && (
+              <>
+                <p className="text-sm font-bold mb-2">Techniques:</p>
+                <p className="text-sm my-3">
+                  <Linkify as="p" options={linkoptions}>
+                    {tasks.techniques.map(
+                      (technique: string, index: number) => (
+                        <li key={index}>{technique}</li>
+                      )
+                    )}
+                  </Linkify>
+                </p>
+              </>
+            )}
             <p className=" text-sm font-bold mb-2 ">{`Workflows: ${tasks.subtasks.length}`}</p>
             <div
               className={`overflow-y-auto px-4 ${

diff --git a/src/components/Board/index.tsx b/src/components/Board/index.tsx
@@ -10,8 +10,6 @@ import { addTask, appData, deleteTask } from "redux/boardSlice";
 import { Droppable, DragDropContext } from "@hello-pangea/dnd";
 // import { randomColor } from "utilis";
 
-import { v4 as uuidv4 } from "uuid";
-
 export default function Index() {
   const data = useSelector(appData);
   const dispatch = useDispatch();
@@ -36,7 +34,7 @@ export default function Index() {
     dispatch(deleteTask(sourceTask));
     const updatedTasks = {
       ...sourceTask,
-      id: uuidv4().slice(5),
+      id: sourceTask?.id,
       status: result.destination.droppableId,
     };
     const position = result.destination.index;

diff --git a/src/components/SelectBox/index.tsx b/src/components/SelectBox/index.tsx
@@ -4,7 +4,7 @@ import { BiChevronUp, BiChevronDown } from "react-icons/bi";
 import { IBoard, IColumn, ITask } from "types";
 import { addTask, appData, deleteTask } from "redux/boardSlice";
 import { useDispatch, useSelector } from "react-redux";
-import { v4 as uuidv4 } from "uuid";
+
 interface Props {
   selectedColumn: string;
   setSelectedColumn: Dispatch<SetStateAction<string>>;
@@ -25,7 +25,7 @@ export default function Index({ selectedColumn, setSelectedColumn, tasks }: Prop
     if (tasks && 'status' in tasks && tasks.status !== title) {
       const updatedTasks = {
         ...tasks,
-        id: uuidv4().slice(5),
+        id: tasks.id,
         status: title,
       };
       dispatch(addTask({ updatedTasks, position: 0 }));