UI: add quicklink for machine details

This commit is contained in:
Johannes Kirschbauer
2024-08-26 16:28:57 +02:00
parent 5714f9ac52
commit c96b5ec4de

View File

@@ -3,7 +3,7 @@ import { callApi, SuccessData } from "../api";
import { Menu } from "./Menu"; import { Menu } from "./Menu";
import { activeURI } from "../App"; import { activeURI } from "../App";
import toast from "solid-toast"; import toast from "solid-toast";
import { useNavigate } from "@solidjs/router"; import { A, useNavigate } from "@solidjs/router";
type MachineDetails = SuccessData<"list_inventory_machines">["data"][string]; type MachineDetails = SuccessData<"list_inventory_machines">["data"][string];
@@ -116,14 +116,16 @@ export const MachineListItem = (props: MachineListItemProps) => {
</figure> </figure>
<div class="card-body flex-row justify-between "> <div class="card-body flex-row justify-between ">
<div class="flex flex-col"> <div class="flex flex-col">
<h2 <A href={`/machines/${name}`}>
class="card-title" <h2
classList={{ class="card-title underline"
"text-neutral-500": nixOnly, classList={{
}} "text-neutral-500": nixOnly,
> }}
{name} >
</h2> {name}
</h2>
</A>
<div class="text-slate-600"> <div class="text-slate-600">
<Show when={info}>{(d) => d()?.description}</Show> <Show when={info}>{(d) => d()?.description}</Show>
</div> </div>