From 5c4caf68e6942de52edfe3bc0eec9e0261959757 Mon Sep 17 00:00:00 2001
From: John O'Keefe <jrokeefe@protonmail.com>
Date: Sun, 22 Jun 2025 21:08:56 -0400
Subject: [PATCH] added tooltip and version change

---
 frontend/src/helperComponents/Anime.svelte | 15 ++++++++-------
 wails.json                                 |  2 +-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/frontend/src/helperComponents/Anime.svelte b/frontend/src/helperComponents/Anime.svelte
index f723655..44523fb 100644
--- a/frontend/src/helperComponents/Anime.svelte
+++ b/frontend/src/helperComponents/Anime.svelte
@@ -41,7 +41,7 @@
     import { AddAnimeServiceToTable } from "../helperModules/AddAnimeServiceToTable.svelte";
     import { CheckIfAniListLoggedInAndLoadWatchList } from "../helperModules/CheckIfAniListLoggedInAndLoadWatchList.svelte";
     import Datepicker from "./Datepicker.svelte";
-    import { Badge } from "flowbite-svelte";
+    import {Badge, Tooltip} from "flowbite-svelte";
     const re = /^([0-9]{4})-([0-9]{2})-([0-9]{2})/;
 
     let isAniListLoggedIn: boolean;
@@ -213,9 +213,6 @@
             };
             await AniListUpdateEntry(body).then(
                 (value: AniListGetSingleAnime) => {
-                    /* TODO in future when you inevitably add tags to typescript, until Anilist fixes the api bug
-                    where tags break the SaveMediaListEntry return, you'll want to use this delete line
-                    delete value.data.MediaList.media.tags */
                     value.data.MediaList.media.tags =
                         currentAniListAnime.data.MediaList.media.tags;
                     aniListAnime.update((newValue) => {
@@ -834,9 +831,13 @@
             <div class="mt-2">
                 {#each currentAniListAnime.data.MediaList.media.tags as tag}
                     <div>
-                        <Badge large border color="blue" class="m-1 w-40"
-                            >{tag.name}</Badge
-                        >
+                        <Badge large border color="blue" class="m-1 w-52">
+                                <div>
+                                    {tag.name} -
+                                    <span class="text-xs">{tag.rank}%</span>
+                                </div>
+                        </Badge>
+                        <Tooltip>{tag.description}</Tooltip>
                     </div>
                 {/each}
             </div>
diff --git a/wails.json b/wails.json
index fb17087..ffb24a0 100644
--- a/wails.json
+++ b/wails.json
@@ -12,6 +12,6 @@
   },
   "info": {
     "productName": "AniTrack",
-    "productVersion": "0.2.0"
+    "productVersion": "0.2.1"
   }
 }