Add a hoverover for the status emoji

asylumexp · Jan 9, 2025 · 2cd1204 · 2cd1204
1 parent db714e8
commit 2cd1204
Showing 1 changed file with 11 additions and 3 deletions.
diff --git 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>