Enhance ScriptItem component to display correct type naming alongside script name for better clarity in the UI

This commit is contained in:
Bram Suurd 2024-11-06 20:15:01 +01:00
parent 974b31bfb3
commit 96bc5ade61

View File

@ -5,6 +5,7 @@ import { Script } from "@/lib/types";
import { X } from "lucide-react";
import Image from "next/image";
import { getCorrectTypeNaming } from "./ScriptInfoBlocks";
import Alerts from "./ScriptItems/Alerts";
import Buttons from "./ScriptItems/Buttons";
import DefaultPassword from "./ScriptItems/DefaultPassword";
@ -51,7 +52,7 @@ function ScriptItem({
<div className="ml-4 flex flex-col justify-between">
<div className="flex h-full w-full flex-col justify-between">
<div>
<h1 className="text-lg font-semibold">{item.name}</h1>
<h1 className="text-lg font-semibold">{item.name} {getCorrectTypeNaming(item.type)}</h1>
<p className="w-full text-sm text-muted-foreground">
Date added: {extractDate(item.date_created)}
</p>