From a08e1e326f0c3d0226594a4432161d61d4c0e1c6 Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Wed, 6 Nov 2024 22:09:17 +0100
Subject: [PATCH] Update src/app/scripts/_components/ScriptItem.tsx

---
 frontend/src/app/scripts/_components/ScriptItem.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/scripts/_components/ScriptItem.tsx b/frontend/src/app/scripts/_components/ScriptItem.tsx
index 2d8b2111..840246d9 100644
--- a/frontend/src/app/scripts/_components/ScriptItem.tsx
+++ b/frontend/src/app/scripts/_components/ScriptItem.tsx
@@ -5,7 +5,7 @@ import { Script } from "@/lib/types";
 import { X } from "lucide-react";
 import Image from "next/image";
 
-import { getCorrectTypeNaming } from "./ScriptInfoBlocks";
+import { getDisplayValueFromType } from "./ScriptInfoBlocks";
 import Alerts from "./ScriptItems/Alerts";
 import Buttons from "./ScriptItems/Buttons";
 import DefaultPassword from "./ScriptItems/DefaultPassword";
@@ -52,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} {getCorrectTypeNaming(item.type)}</h1>
+                      <h1 className="text-lg font-semibold">{item.name} {getDisplayValueFromType(item.type)}</h1>
                       <p className="w-full text-sm text-muted-foreground">
                         Date added: {extractDate(item.date_created)}
                       </p>