diff --git a/app/[locale]/(routes)/crm/dashboard/_components/CRMKanban.tsx b/app/[locale]/(routes)/crm/dashboard/_components/CRMKanban.tsx
index 9b57edb..f4d04f8 100644
--- a/app/[locale]/(routes)/crm/dashboard/_components/CRMKanban.tsx
+++ b/app/[locale]/(routes)/crm/dashboard/_components/CRMKanban.tsx
@@ -18,7 +18,7 @@ import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
 import axios from "axios";
 import { useRouter } from "next/navigation";
 import { useToast } from "@/components/ui/use-toast";
-import LoadingComponent from "@/components/LoadingComponent";
+
 import { format } from "date-fns";
 import LoadingModal from "@/components/modals/loading-modal";
 import {
@@ -164,7 +164,7 @@ const CRMKanban = ({ salesStages, opportunities: data }: CRMKanbanProps) => {
                                   <div>
                                     <DropdownMenu>
                                       <DropdownMenuTrigger asChild>
-                                        <DotsHorizontalIcon className="w-4 h-4" />
+                                        <DotsHorizontalIcon className="w-4 h-4 text-slate-600" />
                                       </DropdownMenuTrigger>
                                       <DropdownMenuContent
                                         align="end"
diff --git a/app/[locale]/(routes)/crm/dashboard/_components/CRMKanbanServer.tsx b/app/[locale]/(routes)/crm/dashboard/_components/CRMKanbanServer.tsx
deleted file mode 100644
index cf19a93..0000000
--- a/app/[locale]/(routes)/crm/dashboard/_components/CRMKanbanServer.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { experimental_useOptimistic as useOptimistic } from "react";
-
-import { Avatar, AvatarImage } from "@/components/ui/avatar";
-import { Card, CardContent, CardFooter, CardTitle } from "@/components/ui/card";
-import {
-  crm_Opportunities,
-  crm_Opportunities_Sales_Stages,
-} from "@prisma/client";
-import { PlusCircledIcon } from "@radix-ui/react-icons";
-import { ThumbsDown, ThumbsUp } from "lucide-react";
-import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
-
-interface CRMKanbanProps {
-  salesStages: crm_Opportunities_Sales_Stages[];
-  opportunities: crm_Opportunities[];
-}
-
-const CRMKanbanServer = ({ salesStages, opportunities }: CRMKanbanProps) => {
-  const [optimisticOpportunities, updateOptimisticOpportunities] =
-    useOptimistic(opportunities, (state) => [...state]);
-
-  return (
-    <div>
-      <pre>{JSON.stringify(optimisticOpportunities, null, 2)}</pre>
-    </div>
-  );
-};
-
-export default CRMKanbanServer;
diff --git a/app/[locale]/(routes)/invoice/data-table/data-table-row-actions.tsx b/app/[locale]/(routes)/invoice/data-table/data-table-row-actions.tsx
index a27f473..3cad9c0 100644
--- a/app/[locale]/(routes)/invoice/data-table/data-table-row-actions.tsx
+++ b/app/[locale]/(routes)/invoice/data-table/data-table-row-actions.tsx
@@ -31,6 +31,8 @@ import RightViewModalNoTrigger from "@/components/modals/right-view-notrigger";
 import RossumCockpit from "../components/RossumCockpit";
 import Link from "next/link";
 import LoadingModal from "@/components/modals/loading-modal";
+import { useAppStore } from "@/store/store";
+import { Edit } from "lucide-react";
 
 interface DataTableRowActionsProps<TData> {
   row: Row<TData>;
@@ -43,6 +45,9 @@ export function DataTableRowActions<TData>({
   const [openView, setOpenView] = useState(false);
   const [openRossumView, setOpenRossumView] = useState(false);
 
+  //zustand
+  const { setIsOpen } = useAppStore();
+
   const router = useRouter();
   const { toast } = useToast();
 
@@ -206,6 +211,14 @@ export function DataTableRowActions<TData>({
           <Link href={invoice.invoice_file_url} target={"_blank"}>
             <DropdownMenuItem>Preview invoice in new window</DropdownMenuItem>
           </Link>
+          <DropdownMenuItem
+            onClick={() => {
+              setIsOpen(true);
+            }}
+          >
+            <Edit className="mr-2 w-4 h-4" />
+            Create task from Notion
+          </DropdownMenuItem>
           <DropdownMenuSeparator />
           <DropdownMenuLabel>Rossum</DropdownMenuLabel>
           <DropdownMenuItem onClick={() => setOpenRossumView(true)}>
diff --git a/app/[locale]/(routes)/invoice/dialogs/NewTask.tsx b/app/[locale]/(routes)/invoice/dialogs/NewTask.tsx
new file mode 100644
index 0000000..e83a050
--- /dev/null
+++ b/app/[locale]/(routes)/invoice/dialogs/NewTask.tsx
@@ -0,0 +1,258 @@
+"use client";
+
+import LoadingComponent from "@/components/LoadingComponent";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTrigger,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+} from "@/components/ui/dialog";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Textarea } from "@/components/ui/textarea";
+import { useToast } from "@/components/ui/use-toast";
+import { useAppStore } from "@/store/store";
+import { zodResolver } from "@hookform/resolvers/zod";
+import axios from "axios";
+import { useRouter } from "next/navigation";
+
+import React, { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+
+type Props = {
+  users: any;
+  boards: any;
+};
+
+const NewTaskDialog = ({ users, boards }: Props) => {
+  //const [open, setOpen] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const { isOpen, setIsOpen } = useAppStore();
+
+  const [isMounted, setIsMounted] = useState(false);
+
+  const router = useRouter();
+  const { toast } = useToast();
+
+  const formSchema = z.object({
+    title: z.string().min(3).max(255),
+    user: z.string().min(3).max(255),
+    board: z.string().min(3).max(255),
+    priority: z.string().min(3).max(10),
+    content: z.string().min(3).max(500),
+  });
+
+  type NewAccountFormValues = z.infer<typeof formSchema>;
+
+  const form = useForm<NewAccountFormValues>({
+    resolver: zodResolver(formSchema),
+  });
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, [form]);
+
+  if (!isMounted) {
+    return null;
+  }
+
+  //Actions
+
+  const onSubmit = async (data: NewAccountFormValues) => {
+    setIsLoading(true);
+
+    try {
+      await axios.post(`/api/projects/tasks/create-task`, data);
+      toast({
+        title: "Success",
+        description: `New task: ${data.title}, created successfully`,
+      });
+    } catch (error: any) {
+      toast({
+        variant: "destructive",
+        title: "Error",
+        description: error?.response?.data,
+      });
+    } finally {
+      setIsLoading(false);
+      setIsOpen(false);
+    }
+    setIsLoading(false);
+    setIsOpen(false);
+  };
+
+  return (
+    <Dialog open={isOpen} onOpenChange={setIsOpen}>
+      {/*       <DialogTrigger>
+        <Button className="px-2">Create task</Button>
+      </DialogTrigger> */}
+      <DialogContent className="">
+        <DialogHeader>
+          <DialogTitle className="p-2">Create New Tas from Invoice</DialogTitle>
+          <DialogDescription className="p-2"></DialogDescription>
+        </DialogHeader>
+        {isLoading ? (
+          <LoadingComponent />
+        ) : (
+          <div className="flex flex-col w-full ">
+            {/*     <pre>
+              <code>{JSON.stringify(form.getValues(), null, 2)}</code>
+            </pre> */}
+            <Form {...form}>
+              <form
+                onSubmit={form.handleSubmit(onSubmit)}
+                className="h-full w-full space-y-3"
+              >
+                <div className="flex flex-col space-y-3">
+                  <FormField
+                    control={form.control}
+                    name="title"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>New task name</FormLabel>
+                        <FormControl>
+                          <Input
+                            disabled={isLoading}
+                            placeholder="Enter task name"
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                  <FormField
+                    control={form.control}
+                    name="content"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Task description</FormLabel>
+                        <FormControl>
+                          <Textarea
+                            disabled={isLoading}
+                            placeholder="Enter task description"
+                            {...field}
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name="user"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Assigned to</FormLabel>
+                        <Select
+                          onValueChange={field.onChange}
+                          defaultValue={field.value}
+                        >
+                          <FormControl>
+                            <SelectTrigger>
+                              <SelectValue placeholder="Select assigned user" />
+                            </SelectTrigger>
+                          </FormControl>
+                          <SelectContent>
+                            {users.map((user: any) => (
+                              <SelectItem key={user.id} value={user.id}>
+                                {user.name}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                  <FormField
+                    control={form.control}
+                    name="board"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Choose project</FormLabel>
+                        <Select
+                          onValueChange={field.onChange}
+                          defaultValue={field.value}
+                        >
+                          <FormControl>
+                            <SelectTrigger>
+                              <SelectValue placeholder="Select tasks board" />
+                            </SelectTrigger>
+                          </FormControl>
+                          <SelectContent>
+                            {boards.map((board: any) => (
+                              <SelectItem key={board.id} value={board.id}>
+                                {board.title}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                  <FormField
+                    control={form.control}
+                    name="priority"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Choose task priority</FormLabel>
+                        <Select
+                          onValueChange={field.onChange}
+                          defaultValue={field.value}
+                        >
+                          <FormControl>
+                            <SelectTrigger>
+                              <SelectValue placeholder="Select tasks priority" />
+                            </SelectTrigger>
+                          </FormControl>
+                          <SelectContent>
+                            <SelectItem value="low">Low</SelectItem>
+                            <SelectItem value="medium">Medium</SelectItem>
+                            <SelectItem value="high">High</SelectItem>
+                            <SelectItem value="critical">Critical</SelectItem>
+                          </SelectContent>
+                        </Select>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+                <div className="flex w-full justify-end space-x-2 pt-2">
+                  <DialogTrigger asChild>
+                    <Button variant={"destructive"}>Cancel</Button>
+                  </DialogTrigger>
+                  <Button type="submit">Create</Button>
+                </div>
+              </form>
+            </Form>
+          </div>
+        )}
+      </DialogContent>
+    </Dialog>
+  );
+};
+
+export default NewTaskDialog;
diff --git a/app/[locale]/(routes)/invoice/page.tsx b/app/[locale]/(routes)/invoice/page.tsx
index 94730ed..827df80 100644
--- a/app/[locale]/(routes)/invoice/page.tsx
+++ b/app/[locale]/(routes)/invoice/page.tsx
@@ -16,17 +16,23 @@ import { MyAccountSettingsForm } from "./components/MyAccountSettingsForm";
 import { Button } from "@/components/ui/button";
 import RightViewModal from "@/components/modals/right-view-modal";
 import { MyAccount } from "@prisma/client";
+import { getActiveUsers } from "@/actions/get-users";
+import { getBoards } from "@/actions/projects/get-boards";
+import NewTaskDialog from "./dialogs/NewTask";
 
 const InvoicePage = async () => {
   const session = await getServerSession(authOptions);
   const invoices: any = await getInvoices();
   const myAccountSettings: MyAccount | null = await getAccountSettings();
+  const users = await getActiveUsers();
+  const boards = await getBoards(session?.user.id!);
 
   return (
     <Container
       title="Invoices"
       description={"Everything you need to know about invoices and TAX"}
     >
+      <NewTaskDialog users={users} boards={boards} />
       <div className="flex justify-between py-5 w-full">
         <div className="flex space-x-2">
           <ModalDropzone buttonLabel="Upload pdf" />
diff --git a/app/[locale]/(routes)/projects/boards/[boardId]/components/Kanban.tsx b/app/[locale]/(routes)/projects/boards/[boardId]/components/Kanban.tsx
index 909c369..cb4ff46 100644
--- a/app/[locale]/(routes)/projects/boards/[boardId]/components/Kanban.tsx
+++ b/app/[locale]/(routes)/projects/boards/[boardId]/components/Kanban.tsx
@@ -32,6 +32,7 @@ import moment from "moment";
 import Link from "next/link";
 import {
   ChatBubbleIcon,
+  DotsHorizontalIcon,
   ExclamationTriangleIcon,
   TrashIcon,
 } from "@radix-ui/react-icons";
@@ -42,6 +43,12 @@ import axios from "axios";
 import { useToast } from "@/components/ui/use-toast";
 import AlertModal from "@/components/modals/alert-modal";
 import { useRouter } from "next/navigation";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 // import ChatModal from "../../components/modals/ChatModal";
 // import ConfirmDeleteTask from "../../components/modals/ConfirmDeleteTask";
 // import TaskDocuments from "./components/TaskDocuments";
@@ -377,6 +384,34 @@ const Kanban = (props: any) => {
                                     task.dueDateAt > Date.now() && (
                                       <ExclamationTriangleIcon className="w-4 h-4 text-red-500" />
                                     )}
+                                  <DropdownMenu>
+                                    <DropdownMenuTrigger asChild>
+                                      <DotsHorizontalIcon className="w-4 h-4 text-slate-600" />
+                                    </DropdownMenuTrigger>
+                                    <DropdownMenuContent className="w-[200px]">
+                                      <DropdownMenuItem
+                                        className="gap-2"
+                                        onClick={() =>
+                                          router.push(
+                                            `/projects/tasks/viewtask/${task.id}`
+                                          )
+                                        }
+                                      >
+                                        <EyeIcon className="w-4 h-4 opacity-50" />
+                                        View
+                                      </DropdownMenuItem>
+                                      <DropdownMenuItem
+                                        className="gap-2"
+                                        onClick={() => {
+                                          setSelectedTask(task);
+                                          setOpen(true);
+                                        }}
+                                      >
+                                        <TrashIcon className="w-4 h-4 opacity-50" />
+                                        Delete
+                                      </DropdownMenuItem>
+                                    </DropdownMenuContent>
+                                  </DropdownMenu>
                                 </div>
                                 <div className="py-1">
                                   Due date:{" "}
@@ -403,12 +438,6 @@ const Kanban = (props: any) => {
                                 </p>
 
                                 <div className="flex  gap-2 pt-2">
-                                  <Link
-                                    href={`/projects/tasks/viewtask/${task.id}`}
-                                  >
-                                    <EyeIcon className="w-4 h-4 opacity-50" />
-                                  </Link>
-
                                   {/*  <Pencil
                                     className="w-4 h-4 text-slate-600"
                                     onClick={() => {
@@ -432,13 +461,6 @@ const Kanban = (props: any) => {
                                       setOpenDocuments(true);
                                     }}
                                   /> */}
-                                  <TrashIcon
-                                    className="w-4 h-4 opacity-50"
-                                    onClick={() => {
-                                      setSelectedTask(task);
-                                      setOpen(true);
-                                    }}
-                                  />
                                 </div>
                               </div>
                             )}
diff --git a/app/[locale]/(routes)/secondBrain/components/NewTask.tsx b/app/[locale]/(routes)/secondBrain/components/NewTask.tsx
index dab84f0..174d344 100644
--- a/app/[locale]/(routes)/secondBrain/components/NewTask.tsx
+++ b/app/[locale]/(routes)/secondBrain/components/NewTask.tsx
@@ -1,4 +1,5 @@
 "use client";
+
 import { useAppStore } from "@/store/store";
 
 import NewTaskDialog from "../dialogs/NewTask";
diff --git a/app/[locale]/(routes)/secondBrain/table-components/columns.tsx b/app/[locale]/(routes)/secondBrain/table-components/columns.tsx
index 47f8635..b86d497 100644
--- a/app/[locale]/(routes)/secondBrain/table-components/columns.tsx
+++ b/app/[locale]/(routes)/secondBrain/table-components/columns.tsx
@@ -34,9 +34,7 @@ export const columns: ColumnDef<SecondBrain>[] = [
       <DataTableColumnHeader column={column} title="Url" />
     ),
 
-    cell: ({ row }) => (
-      <div className="w-[150px]">{row.getValue("urlShort")}</div>
-    ),
+    cell: ({ row }) => <div className="">{row.getValue("urlShort")}</div>,
     enableSorting: true,
     enableHiding: true,
   },