add summary stuff, cleanup vite build errors

frontend/src/layouts/resources.tsx

@@ -1,5 +1,3 @@
-import { useRead } from "@hooks";
-import { DeploymentCard } from "@resources/deployment/card";
 import { NewDeployment } from "@resources/deployment/new";
 import { Button } from "@ui/button";
 import { Input } from "@ui/input";

frontend/src/pages/dashboard/components/recently-viewed.tsx

@@ -11,7 +11,7 @@ import {
   DropdownMenuTrigger,
 } from "@ui/dropdown";
 import { Button } from "@ui/button";
-import { ChevronDown, Hand, History, PlusCircle } from "lucide-react";
+import { ChevronDown, History, PlusCircle } from "lucide-react";
 import { DeploymentCard } from "@resources/deployment/card";
 import { NewDeployment } from "@resources/deployment/new";
 import { ServerCard } from "@resources/server/card";

frontend/src/pages/dashboard/index.tsx

@@ -1,4 +1,3 @@
-import { useUser } from "@hooks";
 import { Card, CardHeader, CardTitle } from "@ui/card";
 import { ServersChart } from "./components/servers-chart";
 import { DeploymentsChart } from "./components/deployments-chart";
@@ -7,8 +6,6 @@ import { RecentlyViewed } from "./components/recently-viewed";
 import { Box } from "lucide-react";
 
 export const Dashboard = () => {
-  const user = useUser().data;
-
   return (
     <div className="flex flex-col gap-12">
       <RecentlyViewed />

frontend/src/resources/build/util.tsx

@@ -18,7 +18,7 @@ export const BuildVersion = ({ id }: { id: string }) => {
 export const BuildBuilder = ({ id }: { id: string }) => {
   const builds = useRead({ type: "ListBuilds", params: {} }).data;
   const build = builds?.find((b) => b.id === id);
-  return <>{"build.builder" ?? "..."}</>;
+  return <>{"build.builder " + build?.id ?? "..."}</>;
 };
 
 export const BuildLastBuilt = ({ id }: { id: string }) => {

frontend/src/resources/deployment/page.tsx

@@ -9,7 +9,6 @@ import {
   DeploymentStatusIcon,
 } from "./util";
 import {
-  DeleteDeployment,
   RedeployContainer,
   RemoveContainer,
   StartOrStopContainer,
@@ -35,7 +34,6 @@ export const Deployment = () => {
           <CardDescription className="hidden md:block">|</CardDescription>
           <DeploymentInfo deploymentId={deploymentId} />
           <CardDescription className="hidden md:block">|</CardDescription>
-          {/* <DeleteDeployment id={deploymentId} /> */}
         </div>
       }
       actions={

frontend/src/resources/deployment/util.tsx

@@ -2,7 +2,6 @@ import { useRead } from "@hooks";
 import { CardDescription } from "@ui/card";
 import { cn } from "@util/helpers";
 import { Circle, HardDrive, Server } from "lucide-react";
-import { Link } from "react-router-dom";
 
 export const DeploymentName = ({
   deploymentId,
@@ -52,7 +51,7 @@ export const DeploymentInfo = ({ deploymentId }: { deploymentId: string }) => {
       <CardDescription className="flex items-center">
         <HardDrive className="w-4 h-4 mr-2" />
         {/* {data ? deployment?.container?.image ?? "no image" : "..."} */}
-        build.name @ build.version
+        build.name @ build.version {deployment?.image}
       </CardDescription>
       <CardDescription className="flex items-center gap-2">
         <Server className="w-4 h-4" />

frontend/src/resources/server/util.tsx

@@ -1,16 +1,9 @@
 import { useRead } from "@hooks";
 import { ServerStatus } from "@monitor/client/dist/types";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@ui/card";
+import { CardDescription } from "@ui/card";
 import { cn } from "@util/helpers";
 import { Circle, Cpu, Database, MemoryStick } from "lucide-react";
 import { useEffect } from "react";
-import { Link } from "react-router-dom";
 
 export const ServerName = ({ serverId }: { serverId: string | undefined }) => {
   const servers = useRead({ type: "ListServers", params: {} }).data;

frontend/src/util/socket.tsx

@@ -5,7 +5,7 @@ import rws from "reconnecting-websocket";
 
 export const WebsocketProvider = () => {
   const ws = new rws("ws-url");
-  const [open, set] = useState(false);
+  const [_, set] = useState(false);
 
   ws.addEventListener("open", () => {
     const token = localStorage.getItem("token");