From 7904b5a4b6d80282b8a8bbb82debac2e1cf7665a Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Tue, 28 May 2024 20:26:10 +0200
Subject: [PATCH] Update script item to take advantage of new API data

---
 components/Script.tsx | 18 ++++++++++++++++--
 lib/types.ts          |  3 +++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/components/Script.tsx b/components/Script.tsx
index 3020bab..93d3eae 100644
--- a/components/Script.tsx
+++ b/components/Script.tsx
@@ -230,7 +230,7 @@ function ScriptItem({
                   </div>
                 </div>
                 <div className="hidden flex-col justify-between gap-2 sm:flex">
-                  <div>
+                  <div className="flex flex-col gap-2">
                     {item.port !== 0 && (
                       <div className="flex items-center justify-end">
                         <h2 className="mr-2 text-end text-lg font-semibold">
@@ -244,7 +244,21 @@ function ScriptItem({
                           {item.port}
                         </Button>
                       </div>
-                    )}
+                      )}
+                      {item.interface != 0 && (
+                      <div className="flex items-center justify-end">
+                        <h2 className="mr-2 text-end text-lg font-semibold">
+                          Interface:
+                        </h2>{" "}
+                        <Button
+                          variant={"secondary"}
+                          size={"sm"}
+                          onClick={() => handleCopy("interface", item.interface)}
+                        >
+                          {item.interface}
+                        </Button>
+                      </div>
+                      )}
                   </div>
                   <div className="flex justify-end gap-2">
                     {item.website && (
diff --git a/lib/types.ts b/lib/types.ts
index b7d66d4..a679c51 100644
--- a/lib/types.ts
+++ b/lib/types.ts
@@ -1,3 +1,5 @@
+import { StringToBoolean } from "class-variance-authority/types";
+
 export type ScriptProps = {
   scriptID: string;
 };
@@ -31,6 +33,7 @@ export type Script = {
   website: string;
   isMostViewed: boolean;
   mostViewedPosition: number;
+  interface: string;
 };
 
 export interface Category {