first commit

src/app/(dashboard)/logs/access/loading.tsx

@@ -0,0 +1,7 @@
+export default function Loading() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <div className="animate-spin w-8 h-8 border-4 border-neutral-800 border-t-transparent rounded-full"></div>
+    </div>
+  )
+}

src/app/(dashboard)/logs/audit/loading.tsx

@@ -0,0 +1,7 @@
+export default function Loading() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <div className="animate-spin w-8 h-8 border-4 border-neutral-800 border-t-transparent rounded-full"></div>
+    </div>
+  )
+}

src/app/(dashboard)/logs/errors/loading.tsx

@@ -0,0 +1,7 @@
+export default function Loading() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <div className="animate-spin w-8 h-8 border-4 border-neutral-800 border-t-transparent rounded-full"></div>
+    </div>
+  )
+}

src/app/(dashboard)/logs/loading.tsx

@@ -0,0 +1,7 @@
+export default function Loading() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <div className="animate-spin w-8 h-8 border-4 border-neutral-800 border-t-transparent rounded-full"></div>
+    </div>
+  )
+}

src/app/(dashboard)/logs/performance/loading.tsx

@@ -0,0 +1,7 @@
+export default function Loading() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <div className="animate-spin w-8 h-8 border-4 border-neutral-800 border-t-transparent rounded-full"></div>
+    </div>
+  )
+}

src/app/(dashboard)/logs/policy/loading.tsx

@@ -0,0 +1,7 @@
+export default function Loading() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <div className="animate-spin w-8 h-8 border-4 border-neutral-800 border-t-transparent rounded-full"></div>
+    </div>
+  )
+}

src/app/(dashboard)/logs/requests/loading.tsx

@@ -0,0 +1,7 @@
+export default function Loading() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <div className="animate-spin w-8 h-8 border-4 border-neutral-800 border-t-transparent rounded-full"></div>
+    </div>
+  )
+}

src/app/(dashboard)/logs/upload-server/loading.tsx

@@ -0,0 +1,7 @@
+export default function Loading() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <div className="animate-spin w-8 h-8 border-4 border-neutral-800 border-t-transparent rounded-full"></div>
+    </div>
+  )
+}

src/app/(dashboard)/logs/upload-server/page.tsx

@@ -0,0 +1,43 @@
+import React from "react";
+
+async function fetchData() {
+  const res = await fetch("http://localhost:4000/logs", { cache: "no-cache" });
+
+  if (!res.ok && res.status == 500) {
+    throw new Error("Failed to fetch data");
+  }
+
+  if (!res.ok && res.status == 404) {
+    return "";
+  }
+
+  const data = await res.json();
+
+  return data;
+}
+interface LogsType {
+  level: string;
+  message: { method: string; timestamp: Date; url: string };
+}
+export default async function Page() {
+  const data = await fetchData();
+  return (
+    <div>
+      <div className="space-y-5">
+        {data.logs
+          .map((item: string) => JSON.parse(item))
+          .map((log: LogsType, index: number) => (
+            <div key={index} className="bg-white  p-4 rounded-4xl space-y-4">
+              <div>Level : {log.level}</div>
+              <div>message method : {log.message.method}</div>
+              <div>
+                message timestamp :{" "}
+                {new Date(log.message.timestamp).toLocaleString("fa-IR")}
+              </div>
+              <div>url : {log.message.url}</div>
+            </div>
+          ))}
+      </div>
+    </div>
+  );
+}