From caeebdb353311167ec80c9475f4cc8193e20f912 Mon Sep 17 00:00:00 2001
From: bytevictor <victorgonzarg@gmail.com>
Date: Fri, 29 Mar 2024 11:47:44 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20=F0=9F=92=84=20feat:=20added=20d?=
 =?UTF-8?q?ragganble=20Icon=20and=20hover?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 android/.idea/.gitignore             |  3 ---
 android/.idea/migrations.xml         | 10 ----------
 android/.idea/misc.xml               | 10 ----------
 app/Components/TasksApp/TaskList.tsx |  9 ++++++---
 app/_lib/icons/DragIcon.tsx          | 14 ++++++++++++++
 5 files changed, 20 insertions(+), 26 deletions(-)
 delete mode 100644 android/.idea/.gitignore
 delete mode 100644 android/.idea/migrations.xml
 delete mode 100644 android/.idea/misc.xml
 create mode 100644 app/_lib/icons/DragIcon.tsx

diff --git a/android/.idea/.gitignore b/android/.idea/.gitignore
deleted file mode 100644
index eaf91e2..0000000
--- a/android/.idea/.gitignore
+++ /dev/null
@@ -1,3 +0,0 @@
-# Default ignored files
-/shelf/
-/workspace.xml
diff --git a/android/.idea/migrations.xml b/android/.idea/migrations.xml
deleted file mode 100644
index 48052b2..0000000
--- a/android/.idea/migrations.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectMigrations">
-    <option name="MigrateToGradleLocalJavaHome">
-      <set>
-        <option value="$PROJECT_DIR$" />
-      </set>
-    </option>
-  </component>
-</project>
\ No newline at end of file
diff --git a/android/.idea/misc.xml b/android/.idea/misc.xml
deleted file mode 100644
index 143c6a4..0000000
--- a/android/.idea/misc.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ExternalStorageConfigurationManager" enabled="true" />
-  <component name="ProjectRootManager">
-    <output url="file://$PROJECT_DIR$/build/classes" />
-  </component>
-  <component name="ProjectType">
-    <option name="id" value="Android" />
-  </component>
-</project>
\ No newline at end of file
diff --git a/app/Components/TasksApp/TaskList.tsx b/app/Components/TasksApp/TaskList.tsx
index 1817e9d..903d04e 100644
--- a/app/Components/TasksApp/TaskList.tsx
+++ b/app/Components/TasksApp/TaskList.tsx
@@ -1,3 +1,4 @@
+import DragIcon from "@/app/_lib/icons/DragIcon";
 import TrashIcon from "@/app/_lib/icons/TrashIcon";
 import { useState } from "react";
 
@@ -12,10 +13,10 @@ export default function TaskList({
 }) {
   return (
     <ul
-      className="lg:w-1/2 w-full mt-24 flex justify-center flex-col"
+      className="lg:w-3/4 w-full mt-24 flex justify-center flex-col"
     >
       {[...tasks].reverse().map((task: any) => (
-        <li className="flex flex-row w-full my-2" key={task.id}>
+        <li className="flex flex-row w-full p-2 hover:bg-base-200 rounded-md" key={task.id}>
           <Task task={task} onChange={onChangeTask} onDelete={onDeleteTask} />
         </li>
       ))}
@@ -97,7 +98,9 @@ function Task({
     );
   }
   return (
-    <label className="w-full grid grid-cols-5 grid-rows-1">
+    <label className="w-full grid grid-cols-6 grid-rows-1">
+      <DragIcon/>
+
       <input
         className="checkbox self-center checkbox-lg ml-4 lg:ml-0"
         type="checkbox"
diff --git a/app/_lib/icons/DragIcon.tsx b/app/_lib/icons/DragIcon.tsx
new file mode 100644
index 0000000..9c21785
--- /dev/null
+++ b/app/_lib/icons/DragIcon.tsx
@@ -0,0 +1,14 @@
+export default function DragIcon() {
+    return (
+      <div className="flex flex-row">
+        {/* prettier-ignore */}
+        <svg className="w-6 h-6 justify-start self-center" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" >
+      <path strokeLinecap="round" strokeLinejoin="round" d="M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" />
+    </svg>
+        {/* prettier-ignore */}
+        <svg className="w-6 h-10 justify-start self-center" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" >
+          <path strokeLinecap="round" strokeLinejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
+    </svg>
+      </div>
+    );
+  }
\ No newline at end of file