-
-
-
-
+ {/*
*/}
+
+ {/*
-
*/}
+ */}
+
)
}
diff --git a/flowsint-web/src/components/investigations/new-actions.tsx b/flowsint-web/src/components/investigations/new-actions.tsx
index c375707..572b10d 100644
--- a/flowsint-web/src/components/investigations/new-actions.tsx
+++ b/flowsint-web/src/components/investigations/new-actions.tsx
@@ -4,64 +4,184 @@ import { useState } from "react"
import { useParams } from "next/navigation"
import { supabase } from "@/lib/supabase/client"
import { Button } from "@/components/ui/button"
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"
-import { Avatar, AvatarFallback } from "@/components/ui/avatar"
import { Input } from "@/components/ui/input"
-import { Plus } from "lucide-react"
+import { AlertCircle, AtSign, Camera, Facebook, Github, GithubIcon, Instagram, Locate, MapPin, MessageCircleDashed, Phone, PlusIcon, Send, User } from "lucide-react"
import type React from "react" // Added import for React
import { toast } from "sonner"
+import {
+ DropdownMenu,
+ DropdownMenuItem,
+ DropdownMenuSubTrigger,
+ DropdownMenuTrigger,
+ DropdownMenuSub,
+ DropdownMenuPortal,
+ DropdownMenuContent,
+ DropdownMenuSubContent
+} from "@/components/ui/dropdown-menu"
+import { nodesTypes } from "@/lib/utils"
+import { Alert, AlertTitle, AlertDescription } from "../ui/alert"
+import { Badge } from "../ui/badge"
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle } from "../ui/dialog"
export default function NewActions({ addNodes }: { addNodes: any }) {
const { investigation_id } = useParams()
- const [open, setOpen] = useState(false)
+ const [openAddNodeModal, setOpenNodeModal] = useState(false)
+ const [currentNodeType, setCurrentNodeType] = useState
(null)
+ const [error, setError] = useState(null)
+ const [loading, setLoading] = useState(false)
- const onSubmit = async (e: React.FormEvent) => {
- e.preventDefault()
- const formData = new FormData(e.currentTarget)
- const data = Object.fromEntries(formData)
- try {
- const { data: node, error } = await supabase
- .from("individuals")
- .insert({ ...data, investigation_id: investigation_id?.toString() })
- .select("*")
- .single()
- if (error) return toast.error("Could not create new individual:" + JSON.stringify(error))
- addNodes({
- id: node.id,
- type: "individual",
- data: { ...node, label: data.full_name },
- position: { x: -100, y: -100 },
- })
- toast.success("New individual created.")
- setOpen(false)
- } catch (error) {
- toast.error("Could not create new individual:" + JSON.stringify(error))
+ const handleOpenAddNodeModal = (e: { stopPropagation: () => void }, tableName: string, individualId?: string) => {
+ e.stopPropagation()
+ if (!nodesTypes[tableName as keyof typeof nodesTypes]) {
+ toast.error("Invalid node type.")
+ return
}
+ setCurrentNodeType(nodesTypes[tableName as keyof typeof nodesTypes])
+ setError(null)
+ setOpenNodeModal(true)
}
+ const onSubmitNewNodeModal = async (e: {
+ preventDefault: () => void
+ currentTarget: HTMLFormElement | undefined
+ }) => {
+ e.preventDefault()
+ const data = Object.fromEntries(new FormData(e.currentTarget))
+ await handleAddNode(data)
+ }
+ const handleAddNode = async (data: any) => {
+ try {
+ setLoading(true)
+ const dataToInsert = { ...data, investigation_id }
+ const { data: nodeData, error: insertError } = await supabase
+ .from(currentNodeType.table)
+ .insert(dataToInsert)
+ .select("*")
+ .single()
+ if (insertError) {
+ toast.error(insertError.details)
+ setLoading(false)
+ return
+ }
+ if (!nodeData) {
+ toast.error("Failed to create node.")
+ setLoading(false)
+ return
+ }
+ const newNode = {
+ id: nodeData.id,
+ type: currentNodeType.type,
+ data: { ...nodeData, label: data[currentNodeType.fields[0]] },
+ position: { x: 0, y: 0 },
+ }
+ addNodes(newNode)
+ setOpenNodeModal(false)
+ setError(null)
+ } catch (error) {
+ toast.error("An unexpected error occurred")
+ }
+ }
return (
-
-
- {}
-
-
-