From ee8b547a19bfa6c7ac386897def76ce06cfc30e9 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Fri, 19 Apr 2024 17:10:55 +0100
Subject: [PATCH] Add tooltip to version icons

---
 src/routes/more/versions/+page.svelte | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/routes/more/versions/+page.svelte b/src/routes/more/versions/+page.svelte
index 9a94f98..7b3dd32 100644
--- a/src/routes/more/versions/+page.svelte
+++ b/src/routes/more/versions/+page.svelte
@@ -7,6 +7,7 @@
   import { version, versionTag } from '$lib/stores/version';
   import { getApiUrl } from '$lib/scripts/upstream';
   import { IconBrandGolang, IconBrandJavascript, IconBrandNodejs, IconBrandPython, IconBrandSvelte, IconBrandTypescript, IconFileTypeSql } from '@tabler/icons-svelte';
+  import Tooltip from '$lib/Tooltip.svelte';
   const title = 'Versions';
 
   async function getData() {
@@ -25,7 +26,10 @@
 {:then data}
   <Island>
     <p>
-      <IconBrandSvelte /><IconBrandJavascript /><IconBrandTypescript /><br>
+      <Tooltip text="Svelte"><IconBrandSvelte /></Tooltip>
+      <Tooltip text="Javascript"><IconBrandJavascript/></Tooltip>
+      <Tooltip text="Typescript"><IconBrandTypescript /></Tooltip>
+      <br>
       <a class="data" href="https://git.fjla.uk/owlboard/owlboard-svelte" target="_blank"
         >Web-app version<br /><span class="data"
           >{version}{#if versionTag}-{versionTag}{/if}</span
@@ -33,15 +37,20 @@
       >
     </p>
     <p>
-      <IconBrandNodejs /><IconBrandJavascript /><IconBrandTypescript /><br>
+      <Tooltip text="NodeJS"><IconBrandNodejs /></Tooltip>
+      <Tooltip text="Javascript"><IconBrandJavascript /></Tooltip>
+      <Tooltip text="Typescript"><IconBrandTypescript /></Tooltip>
+      <br>
       <a class="data" href="https://git.fjla.uk/owlboard/backend" target="_blank">API Server version<br /><span class="data">{data?.backend || 'Unknown'}</span></a>
     </p>
     <p>
-      <IconBrandPython /><br>
+      <Tooltip text="Python"><IconBrandPython /></Tooltip>
+      <br>
       <a class="data" href="https://git.fjla.uk/owlboard/db-manager" target="_blank">DB Manager version<br /><span class="data">{data?.['db-manager'] || 'Unknown'}</span></a>
     </p>
     <p>
-      <IconBrandGolang /><br>
+      <Tooltip text="Go"><IconBrandGolang /></Tooltip>
+      <br>
       <a class="data" href="https://git.fjla.uk/owlboard/mq-client" target="_blank">MQ Client version<br /><span class="data">{data?.['mq-client'] || 'Not installed'}</span></a>
     </p>
   </Island>