From 2cd120429e40e16b48e98f15b3a70de1f22cb78c Mon Sep 17 00:00:00 2001
From: Sam Heinz <54530346+asylumexp@users.noreply.github.com>
Date: Thu, 9 Jan 2025 21:41:35 +1000
Subject: [PATCH] Add a hoverover for the status emoji

---
 .../src/app/scripts/_components/ScriptItem.tsx     | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/scripts/_components/ScriptItem.tsx b/frontend/src/app/scripts/_components/ScriptItem.tsx
index 1dd416c40..a8a769634 100644
--- a/frontend/src/app/scripts/_components/ScriptItem.tsx
+++ b/frontend/src/app/scripts/_components/ScriptItem.tsx
@@ -54,9 +54,17 @@ 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.status} {item.name} {getDisplayValueFromType(item.type)}
-                      </h1>
+                    <h1 className="text-lg font-semibold">
+                      <span title={
+                        item.status === '✅' ? 'This has been tested and should work.' :
+                        item.status === '❌' ? 'This is not supported.' :
+                        item.status === '🚧' ? 'This has not been ported yet.' :
+                        item.status === '🧪' ? 'This has been ported but not tested yet.' :
+                        ''
+                      }>
+                        {item.status}
+                      </span> {item.name} {getDisplayValueFromType(item.type)}
+                    </h1>
                       <p className="w-full text-sm text-muted-foreground">
                         Date added: {extractDate(item.date_created)}
                       </p>