fixed ig?
This commit is contained in:
Cypro Freelance
parent
deb62f9730
commit
ef59e67451
3 changed files with 18 additions and 318 deletions
|
|
@ -1,276 +0,0 @@
|
||||||
"use client";
|
|
||||||
import React, { useEffect, useState } from "react";
|
|
||||||
import { useForm, SubmitHandler, useFieldArray } from "react-hook-form";
|
|
||||||
import { zodResolver } from "@hookform/resolvers/zod";
|
|
||||||
import { Button } from "@/components/ui/button";
|
|
||||||
import {
|
|
||||||
Form,
|
|
||||||
FormControl,
|
|
||||||
FormField,
|
|
||||||
FormItem,
|
|
||||||
FormLabel,
|
|
||||||
FormMessage,
|
|
||||||
} from "@/components/ui/form";
|
|
||||||
import {
|
|
||||||
Table,
|
|
||||||
TableBody,
|
|
||||||
TableCell,
|
|
||||||
TableHead,
|
|
||||||
TableHeader,
|
|
||||||
TableRow,
|
|
||||||
} from "@/components/ui/table";
|
|
||||||
import { Input } from "@/components/ui/input";
|
|
||||||
import {
|
|
||||||
Select,
|
|
||||||
SelectTrigger,
|
|
||||||
SelectContent,
|
|
||||||
SelectItem,
|
|
||||||
SelectValue,
|
|
||||||
} from "@/components/ui/select";
|
|
||||||
import { z } from "zod";
|
|
||||||
import { useToast } from "@/components/ui/use-toast";
|
|
||||||
import {
|
|
||||||
ModsVulnerability,
|
|
||||||
vulnerabilitiesSchema,
|
|
||||||
} from "@/lib/validations/validation";
|
|
||||||
|
|
||||||
interface VulnerabilityEntry {
|
|
||||||
_id: string;
|
|
||||||
title: string;
|
|
||||||
category: string;
|
|
||||||
bullets: { point: string }[];
|
|
||||||
}
|
|
||||||
|
|
||||||
type VulnerabilitiesForm = z.infer<typeof vulnerabilitiesSchema>;
|
|
||||||
|
|
||||||
const AdminLogPage = () => {
|
|
||||||
const [logs, setLogs] = useState<VulnerabilityEntry[]>([]);
|
|
||||||
const [categories, setCategories] = useState<
|
|
||||||
{ title: string; _id: string }[]
|
|
||||||
>([]);
|
|
||||||
const [selectedCategory, setSelectedCategory] = useState<string>("");
|
|
||||||
const [error, setError] = useState("");
|
|
||||||
const { toast } = useToast();
|
|
||||||
const [loading, setLoading] = useState(false);
|
|
||||||
|
|
||||||
const form = useForm<ModsVulnerability>({
|
|
||||||
resolver: zodResolver(vulnerabilitiesSchema),
|
|
||||||
defaultValues: {
|
|
||||||
title: "",
|
|
||||||
category: "",
|
|
||||||
bullets: [{ point: "" }],
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const { fields, append, remove } = useFieldArray({
|
|
||||||
control: form.control,
|
|
||||||
name: "bullets",
|
|
||||||
});
|
|
||||||
|
|
||||||
const fetchLogs = async () => {
|
|
||||||
try {
|
|
||||||
const response = await fetch("/api/vulnerabilities", { method: "GET" });
|
|
||||||
if (response.ok) {
|
|
||||||
const data: VulnerabilityEntry[] = await response.json();
|
|
||||||
setLogs(data);
|
|
||||||
} else {
|
|
||||||
throw new Error(`HTTP error! status: ${response.status}`);
|
|
||||||
}
|
|
||||||
} catch (error: any) {
|
|
||||||
setError(error.message || "Failed to fetch logs");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const fetchCategories = async () => {
|
|
||||||
try {
|
|
||||||
const response = await fetch("/api/mdx/pages", { method: "GET" });
|
|
||||||
if (response.ok) {
|
|
||||||
const data = await response.json();
|
|
||||||
setCategories(data);
|
|
||||||
} else {
|
|
||||||
throw new Error(`HTTP error! status: ${response.status}`);
|
|
||||||
}
|
|
||||||
} catch (error: any) {
|
|
||||||
setError(error.message || "Failed to fetch categories");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const onSubmit: SubmitHandler<ModsVulnerability> = async (data) => {
|
|
||||||
setLoading(true);
|
|
||||||
const response = await fetch("/api/vulnerability/mods", {
|
|
||||||
method: "POST",
|
|
||||||
headers: { "Content-Type": "application/json" },
|
|
||||||
body: JSON.stringify({
|
|
||||||
...data,
|
|
||||||
category: selectedCategory,
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
|
|
||||||
if (response.ok) {
|
|
||||||
form.reset();
|
|
||||||
fetchLogs();
|
|
||||||
setLoading(false);
|
|
||||||
toast({ description: "Logs successfully added" });
|
|
||||||
} else {
|
|
||||||
setLoading(false);
|
|
||||||
toast({ description: "Upload Failed", variant: "destructive" });
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const deleteLog = async (id: string) => {
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/delete/vulnerability/${id}`, {
|
|
||||||
method: "DELETE",
|
|
||||||
});
|
|
||||||
if (response.ok) {
|
|
||||||
fetchLogs();
|
|
||||||
} else {
|
|
||||||
throw new Error(`HTTP error! status: ${response.status}`);
|
|
||||||
}
|
|
||||||
} catch (error: any) {
|
|
||||||
setError(error.message || "Failed to delete log");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
fetchLogs();
|
|
||||||
fetchCategories();
|
|
||||||
const interval = setInterval(() => {
|
|
||||||
fetchLogs();
|
|
||||||
}, 10000);
|
|
||||||
|
|
||||||
return () => clearInterval(interval);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section id="logs-page" className="wrapper container">
|
|
||||||
<h1 className="text-3xl font-bold py-6">Server Vulnerabilities Form</h1>
|
|
||||||
<Form {...form}>
|
|
||||||
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name="title"
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormLabel>Title</FormLabel>
|
|
||||||
<FormControl>
|
|
||||||
<Input {...field} />
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name="category"
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormLabel>Category</FormLabel>
|
|
||||||
<Select
|
|
||||||
value={selectedCategory}
|
|
||||||
onValueChange={(value) => setSelectedCategory(field.value)}
|
|
||||||
>
|
|
||||||
<SelectTrigger>
|
|
||||||
<SelectValue placeholder={"Category"} />
|
|
||||||
</SelectTrigger>
|
|
||||||
<SelectContent>
|
|
||||||
{categories.map((cat) => (
|
|
||||||
<SelectItem key={cat._id} value={cat._id}>
|
|
||||||
{cat.title}
|
|
||||||
</SelectItem>
|
|
||||||
))}
|
|
||||||
</SelectContent>
|
|
||||||
</Select>
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
|
|
||||||
{fields.map((field, index) => (
|
|
||||||
<FormField
|
|
||||||
key={field.id}
|
|
||||||
control={form.control}
|
|
||||||
name={`bullets.${index}.point`}
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormLabel>Bullet Point {index + 1}</FormLabel>
|
|
||||||
<FormControl>
|
|
||||||
<Input {...field} />
|
|
||||||
</FormControl>
|
|
||||||
<FormMessage />
|
|
||||||
<Button
|
|
||||||
type="button"
|
|
||||||
className="mt-2"
|
|
||||||
variant={"secondary"}
|
|
||||||
onClick={() => remove(index)}
|
|
||||||
>
|
|
||||||
Remove
|
|
||||||
</Button>
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
<Button
|
|
||||||
type="button"
|
|
||||||
className="mb-4"
|
|
||||||
size={"icon"}
|
|
||||||
variant={"outline"}
|
|
||||||
onClick={() => append({ point: "" })}
|
|
||||||
>
|
|
||||||
+
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="submit"
|
|
||||||
className="w-full text-lg rounded-full"
|
|
||||||
disabled={loading}
|
|
||||||
size={"lg"}
|
|
||||||
>
|
|
||||||
Submit
|
|
||||||
</Button>
|
|
||||||
</form>
|
|
||||||
</Form>
|
|
||||||
|
|
||||||
{/* Section to list and delete logs */}
|
|
||||||
<section id="logs-list" className="py-16 md:py-24">
|
|
||||||
<h2 className="text-3xl md:text-4xl font-bold">
|
|
||||||
Existing Vulnerabilities
|
|
||||||
</h2>
|
|
||||||
{error && <p className="text-red-500">{error}</p>}
|
|
||||||
<Table className="w-full mt-4 border-muted">
|
|
||||||
<TableHeader>
|
|
||||||
<TableRow>
|
|
||||||
<TableHead className="border-b px-4 py-2">Title</TableHead>
|
|
||||||
<TableHead className="border-b px-4 py-2">Category</TableHead>
|
|
||||||
<TableHead className="border-b px-4 py-2">Actions</TableHead>
|
|
||||||
</TableRow>
|
|
||||||
</TableHeader>
|
|
||||||
<TableBody>
|
|
||||||
{logs
|
|
||||||
.slice()
|
|
||||||
.reverse()
|
|
||||||
.map((log) => (
|
|
||||||
<TableRow key={log._id}>
|
|
||||||
<TableCell className="border-b px-4 py-2">
|
|
||||||
{log.title}
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className="border-b px-4 py-2">
|
|
||||||
{log.category}
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className="border-b px-4 py-2">
|
|
||||||
<Button
|
|
||||||
variant={"destructive"}
|
|
||||||
onClick={() => deleteLog(log._id)}
|
|
||||||
>
|
|
||||||
Delete
|
|
||||||
</Button>
|
|
||||||
</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
))}
|
|
||||||
</TableBody>
|
|
||||||
</Table>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default AdminLogPage;
|
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
// app/api/delete/[id]/route.ts
|
|
||||||
import clientPromise from "@/lib/db";
|
import clientPromise from "@/lib/db";
|
||||||
import { ObjectId } from "mongodb";
|
import { ObjectId } from "mongodb";
|
||||||
import { NextResponse } from "next/server";
|
import { NextResponse } from "next/server";
|
||||||
|
|
@ -7,23 +6,32 @@ export async function DELETE(
|
||||||
request: Request,
|
request: Request,
|
||||||
{ params }: { params: { id: string } }
|
{ params }: { params: { id: string } }
|
||||||
) {
|
) {
|
||||||
|
const client = await clientPromise;
|
||||||
|
const db = client.db();
|
||||||
const { id } = params;
|
const { id } = params;
|
||||||
|
|
||||||
|
if (!id) {
|
||||||
|
return NextResponse.json({ message: "ID is required" }, { status: 400 });
|
||||||
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const client = await clientPromise;
|
const result = await db
|
||||||
const db = client.db("downloadsDatabase");
|
.collection("vulnerabilities")
|
||||||
const collection = db.collection("vulnerabilities");
|
.deleteOne({ _id: new ObjectId(id) });
|
||||||
|
|
||||||
const result = await collection.deleteOne({ _id: new ObjectId(id) });
|
|
||||||
|
|
||||||
if (result.deletedCount === 1) {
|
if (result.deletedCount === 1) {
|
||||||
return NextResponse.json({ message: "Log deleted successfully" });
|
return NextResponse.json(
|
||||||
|
{ message: "Vulnerability deleted successfully" },
|
||||||
|
{ status: 200 }
|
||||||
|
);
|
||||||
} else {
|
} else {
|
||||||
return NextResponse.json({ message: "Log not found" }, { status: 404 });
|
return NextResponse.json(
|
||||||
|
{ message: "Vulnerability not found" },
|
||||||
|
{ status: 404 }
|
||||||
|
);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
return NextResponse.json(
|
return NextResponse.json(
|
||||||
{ message: "Failed to delete log", error: error },
|
{ message: "Failed to delete vulnerability" },
|
||||||
{ status: 500 }
|
{ status: 500 }
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,32 +0,0 @@
|
||||||
import clientPromise from "@/lib/db";
|
|
||||||
import type { NextApiRequest, NextApiResponse } from "next";
|
|
||||||
|
|
||||||
export default async function handler(
|
|
||||||
req: NextApiRequest,
|
|
||||||
res: NextApiResponse
|
|
||||||
) {
|
|
||||||
if (req.method === "POST") {
|
|
||||||
try {
|
|
||||||
const client = await clientPromise;
|
|
||||||
const db = client.db("modsVuln");
|
|
||||||
const { title, category, bullets } = req.body;
|
|
||||||
|
|
||||||
if (!title || !category || !bullets || !Array.isArray(bullets)) {
|
|
||||||
return res.status(400).json({ error: "Invalid data" });
|
|
||||||
}
|
|
||||||
|
|
||||||
await db.collection("vulnerabilities").insertOne({
|
|
||||||
title,
|
|
||||||
category,
|
|
||||||
bullets,
|
|
||||||
});
|
|
||||||
|
|
||||||
res.status(200).json({ message: "Vulnerability added successfully" });
|
|
||||||
} catch (error) {
|
|
||||||
res.status(500).json({ error: error || "Failed to add vulnerability" });
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
res.setHeader("Allow", ["POST"]);
|
|
||||||
res.status(405).end(`Method ${req.method} Not Allowed`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue