server deletion

src/app/dashboard/page.tsx

@@ -13,6 +13,7 @@ import { Button } from "@/components/ui/button";
 import { useEffect, useState } from "react";
 import useSession from "@/hooks/useSession";
 import Server from "@/types/server";
+import { toast } from "sonner";
 
 export function generateHourlyData() {
   const result = [];
@@ -191,7 +192,23 @@ export default function Dashboard() {
 
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
         {searchedServers.map((s, i) => (
-          <ServerComponent server={s} key={i} />
+          <ServerComponent
+            server={s}
+            key={i}
+            onDelete={() =>
+              session
+                ?.removeServer(i)
+                .then(() => {
+                  toast.info("Server successfully deleted");
+                })
+                .catch((e) => {
+                  console.log(e.response.data.message);
+                  toast.error(
+                    `Error deleting server: ` + e.response.data.message
+                  );
+                })
+            }
+          />
         ))}
       </div>
     </div>