cowch/lstV2
1
0
Fork 0
Code Issues 37 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

refactor(server): removed console logs

Browse Source
This commit is contained in:
Blake Matthes
2025-03-30 10:11:29 -05:00
parent 9784072aab
commit a5dee58223
1 changed files with 115 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

214
frontend/src/components/admin/servers/ServerPage.tsx
View File

@@ -1,12 +1,12 @@
import { LstCard } from "@/components/extendedUI/LstCard"; import { LstCard } from "@/components/extendedUI/LstCard";
import { Skeleton } from "@/components/ui/skeleton"; import { Skeleton } from "@/components/ui/skeleton";
import { import {
Table, Table,
TableBody, TableBody,
TableCell, TableCell,
TableHead, TableHead,
TableHeader, TableHeader,
TableRow, TableRow,
} from "@/components/ui/table"; } from "@/components/ui/table";
import { useSessionStore } from "@/lib/store/sessionStore"; import { useSessionStore } from "@/lib/store/sessionStore";
import { useModuleStore } from "@/lib/store/useModuleStore"; import { useModuleStore } from "@/lib/store/useModuleStore";
@@ -21,105 +21,121 @@ import StopServer from "./StopServer";
import StartServer from "./StartServer"; import StartServer from "./StartServer";
export type Servers = { export type Servers = {
server_id?: string; server_id?: string;
sName?: string; sName?: string;
serverDNS?: string; serverDNS?: string;
plantToken?: string; plantToken?: string;
idAddress: string; idAddress: string;
lastUpdated: string; lastUpdated: string;
isUpgrading: boolean; isUpgrading: boolean;
}; };
export default function ServerPage() { export default function ServerPage() {
const { user, token } = useSessionStore(); const { user, token } = useSessionStore();
const { modules } = useModuleStore(); const { modules } = useModuleStore();
const router = useRouter(); const router = useRouter();
const { data, isError, error, isLoading } = useQuery(getServers(token ?? "")); const { data, isError, error, isLoading } = useQuery(
getServers(token ?? "")
);
const adminModule = modules.filter((n) => n.name === "admin"); const adminModule = modules.filter((n) => n.name === "admin");
const userLevel = const userLevel =
user?.roles?.filter((r) => r.module_id === adminModule[0].module_id) || []; user?.roles?.filter((r) => r.module_id === adminModule[0].module_id) ||
[];
if (!adminModule[0]?.roles?.includes(userLevel[0]?.role)) { if (!adminModule[0]?.roles?.includes(userLevel[0]?.role)) {
router.navigate({ to: "/" }); router.navigate({ to: "/" });
} }
if (isError) { if (isError) {
return <div>{JSON.stringify(error)}</div>; return <div>{JSON.stringify(error)}</div>;
} }
console.log(data); //console.log(data);
return ( return (
<LstCard className="m-2 flex place-content-center w-dvh"> <LstCard className="m-2 flex place-content-center w-dvh">
<Table> <Table>
<TableHeader> <TableHeader>
<TableRow> <TableRow>
<TableHead>Name</TableHead> <TableHead>Name</TableHead>
<TableHead>Server</TableHead> <TableHead>Server</TableHead>
<TableHead>PlantToken</TableHead> <TableHead>PlantToken</TableHead>
<TableHead>IP Address</TableHead> <TableHead>IP Address</TableHead>
<TableHead>Date Last updated</TableHead> <TableHead>Date Last updated</TableHead>
<TableHead>Update Server</TableHead> <TableHead>Update Server</TableHead>
</TableRow> </TableRow>
</TableHeader> </TableHeader>
{isLoading ? ( {isLoading ? (
<> <>
<TableBody> <TableBody>
{Array(10) {Array(10)
.fill(0) .fill(0)
.map((_, i) => ( .map((_, i) => (
<TableRow key={i}> <TableRow key={i}>
<TableCell className="font-medium"> <TableCell className="font-medium">
<Skeleton className="h-4" /> <Skeleton className="h-4" />
</TableCell> </TableCell>
<TableCell> <TableCell>
<Skeleton className="h-4" /> <Skeleton className="h-4" />
</TableCell> </TableCell>
<TableCell> <TableCell>
<Skeleton className="h-4" /> <Skeleton className="h-4" />
</TableCell> </TableCell>
<TableCell> <TableCell>
<Skeleton className="h-4" /> <Skeleton className="h-4" />
</TableCell> </TableCell>
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>
</> </>
) : ( ) : (
<TableBody> <TableBody>
{data?.map((server: Servers) => { {data?.map((server: Servers) => {
const strippedDate = server.lastUpdated.replace("Z", ""); // Remove Z const strippedDate = server.lastUpdated.replace(
const formattedDate = format(strippedDate, "MM/dd/yyyy hh:mm a"); "Z",
return ( ""
<TableRow key={server.server_id}> ); // Remove Z
<TableCell className="font-medium">{server.sName}</TableCell> const formattedDate = format(
<TableCell className="font-medium"> strippedDate,
{server.serverDNS} "MM/dd/yyyy hh:mm a"
</TableCell> );
<TableCell className="font-medium"> return (
{server.plantToken} <TableRow key={server.server_id}>
</TableCell> <TableCell className="font-medium">
<TableCell className="font-medium"> {server.sName}
{server.idAddress} </TableCell>
</TableCell> <TableCell className="font-medium">
<TableCell className="font-medium">{formattedDate}</TableCell> {server.serverDNS}
<TableCell className="font-medium"> </TableCell>
{adminUrlCheck() && ( <TableCell className="font-medium">
<div className="flex flex-row"> {server.plantToken}
<UpdateServer server={server} token={token as string} /> </TableCell>
<StartServer /> <TableCell className="font-medium">
<StopServer /> {server.idAddress}
<RestartServer /> </TableCell>
</div> <TableCell className="font-medium">
)} {formattedDate}
</TableCell> </TableCell>
</TableRow> <TableCell className="font-medium">
); {adminUrlCheck() && (
})} <div className="flex flex-row">
</TableBody> <UpdateServer
)} server={server}
</Table> token={token as string}
</LstCard> />
); <StartServer />
<StopServer />
<RestartServer />
</div>
)}
</TableCell>
</TableRow>
);
})}
</TableBody>
)}
</Table>
</LstCard>
);
} }