@@ -92,6 +92,9 @@ const AgentsPage = () => {
onUpdateAgent={() => {
refetch();
}}
+ onUploadImage={() => {
+ refetch();
+ }}
/>
diff --git a/src/app/api/upload_agent_image/route.ts b/src/app/api/upload_agent_image/route.ts
new file mode 100644
index 0000000..05842b5
--- /dev/null
+++ b/src/app/api/upload_agent_image/route.ts
@@ -0,0 +1,42 @@
+import path from "path";
+import fs from "fs";
+import { v4 as uuidv4 } from "uuid";
+import { NextRequest, NextResponse } from "next/server";
+import prisma from "@/utils/prisma";
+
+export async function POST(request: NextRequest) {
+ const data = await request.formData();
+ const file: File | null = data.get("image") as unknown as File;
+
+ if (!file) {
+ return NextResponse.json({
+ success: false,
+ error: "There is no file or the file is corrupted",
+ });
+ }
+
+ // With the file data in the buffer, you can do whatever you want with it.
+ // For this, we'll just write it to the filesystem in a new location
+ const bytes = await file.arrayBuffer();
+ const buffer = Buffer.from(bytes);
+
+ const filename = `${uuidv4()}-${new Date().getTime()}-${file.name}`;
+ const storagePath = path.join(
+ process.cwd(),
+ "public",
+ "agents_images",
+ filename
+ );
+ fs.writeFileSync(storagePath, buffer, { flag: "w" });
+
+ const imageURL = `/agents_images/${filename}`;
+ await prisma.agent.update({
+ // @ts-ignore
+ where: { id: Number.parseInt(data.get("agent_id")) },
+ data: {
+ image: imageURL,
+ },
+ });
+
+ return NextResponse.json({ success: true, url: imageURL });
+}
diff --git a/src/components/modals/agent_modal.tsx b/src/components/modals/agent_modal.tsx
index a1ba197..69c26ad 100644
--- a/src/components/modals/agent_modal.tsx
+++ b/src/components/modals/agent_modal.tsx
@@ -29,8 +29,15 @@ export default function AgentModal(props: {
showModal: boolean;
setShowModal: Function;
onUpdateAgent: Function;
+ onUploadImage: Function;
}): JSX.Element {
- const { agent, showModal, setShowModal, onUpdateAgent = () => {} } = props;
+ const {
+ agent,
+ showModal,
+ setShowModal,
+ onUpdateAgent = () => {},
+ onUploadImage = () => {},
+ } = props;
const [isEdit, setEdit] = useState(false);
@@ -40,6 +47,8 @@ export default function AgentModal(props: {
setTempAgent(agent);
}, [agent]);
+ const [imageFile, setImageFile] = useState