From eb2f23c4039488ded71a62e037d5078c20e65e13 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Wed, 10 Jun 2026 15:11:08 +0330
Subject: [PATCH] add new columg design

---
 src/pages/taskmanager/components/AddNewColumn.tsx | 13 +++++++++++++
 src/pages/taskmanager/workspace.tsx               |  8 ++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/pages/taskmanager/components/AddNewColumn.tsx

diff --git a/src/pages/taskmanager/components/AddNewColumn.tsx b/src/pages/taskmanager/components/AddNewColumn.tsx
new file mode 100644
index 0000000..312248f
--- /dev/null
+++ b/src/pages/taskmanager/components/AddNewColumn.tsx
@@ -0,0 +1,13 @@
+import { AddCircle } from "iconsax-react";
+import { type FC } from "react";
+
+const AddNewColumn: FC = () => {
+  return (
+    <button type="button" className="bg-[#F0F3F7BF] bg-opacity-75 rounded-full px-6 py-4 flex items-center gap-2 shrink-0 self-start cursor-pointer">
+      <AddCircle size={16} color="black" />
+      <span className="text-xs text-black">اضافه کردن ستون جدید</span>
+    </button>
+  );
+};
+
+export default AddNewColumn;
diff --git a/src/pages/taskmanager/workspace.tsx b/src/pages/taskmanager/workspace.tsx
index 3dc6d6d..114b4f6 100644
--- a/src/pages/taskmanager/workspace.tsx
+++ b/src/pages/taskmanager/workspace.tsx
@@ -1,4 +1,5 @@
 import { type FC } from "react";
+import AddNewColumn from "./components/AddNewColumn";
 import Column from "./components/Column";
 import HeaderWorkspace from "./components/HeaderWorkspace";
 import Task from "./components/Task";
@@ -17,6 +18,13 @@ const Workspace: FC = () => {
         </Column>
 
         <Column title="درحال انجام" />
+        <Column title="انجام شده">
+          <div className="flex flex-col gap-4">
+            <Task />
+          </div>
+        </Column>
+
+        <AddNewColumn />
       </div>
     </div>
   );