feat: tag descriptions

src/gql/home/mods.graphql

@@ -41,6 +41,7 @@ query GetMods($offset: Int!, $limit: Int!, $search: String, $order: Order, $orde
       tags {
         id
         name
+        description
       }
     }
   }

src/gql/home/tags.graphql

@@ -2,5 +2,6 @@ query GetTags($limit: Int) {
   getTags(filter: { limit: $limit }) {
     id
     name
+    description
   }
 }

src/gql/mods/edit_mod.graphql

@@ -28,6 +28,7 @@ mutation EditMod($modId: ModID!, $mod: UpdateMod!) {
     tags {
       id
       name
+      description
     }
   }
 }

src/gql/mods/mod.graphql

@@ -86,6 +86,7 @@ query GetMod($mod: String!) {
     tags {
       id
       name
+      description
     }
   }
 }

src/gql/tags/create_tag.graphql

@@ -1,6 +1,7 @@
-mutation CreateTag($tagName: TagName!) {
-  createTag(tagName: $tagName) {
+mutation CreateTag($tagName: TagName!, $description: String!) {
+  createTag(tagName: $tagName, description: $description) {
     id
     name
+    description
   }
 }

src/gql/tags/update_tag.graphql

@@ -1,6 +1,7 @@
-mutation UpdateTag($tagID: TagID!, $tagName: TagName!) {
-  updateTag(tagID: $tagID, NewName: $tagName) {
+mutation UpdateTag($tagID: TagID!, $tagName: TagName!, $description: String!) {
+  updateTag(tagID: $tagID, NewName: $tagName, description: $description) {
     id
     name
+    description
   }
 }

src/lib/components/utils/TagList.svelte

@@ -40,7 +40,8 @@
       ...tags,
       {
         id: tag.value,
-        name: tag.label
+        name: tag.label,
+        description: $getAllTags.data?.getTags?.find((t) => t.id == tag.value).description
       }
     ];
 

src/routes/admin/tag-manager/+page.svelte

@@ -25,7 +25,7 @@
 
   function newTag() {
     if (!tags.find((tag) => tag.name == 'New Tag')) {
-      const tag = { id: tagNegativeID--, name: 'New Tag' } as Tag;
+      const tag = { id: tagNegativeID--, name: 'New Tag', description: 'Description' } as Tag;
       tags.push(tag);
       tags = tags;
       setTimeout(() => {
@@ -51,7 +51,9 @@
     if (tag.id < 0) {
       // Create new tag & update tag.id with new DB id or re-fetch all tags
       try {
-        const result = await client.mutation(CreateTagDocument, { tagName: tag.name }).toPromise();
+        const result = await client
+          .mutation(CreateTagDocument, { tagName: tag.name, description: tag.description })
+          .toPromise();
         if (result.data) {
           tag.id = result.data.createTag.id;
           success = true;
@@ -71,8 +73,11 @@
       // Update existing tag
       try {
         success =
-          (await client.mutation(UpdateTagDocument, { tagID: tag.id, tagName: tag.name }).toPromise()).data.updateTag !=
-          null;
+          (
+            await client
+              .mutation(UpdateTagDocument, { tagID: tag.id, tagName: tag.name, description: tag.description })
+              .toPromise()
+          ).data.updateTag != null;
       } catch {
         // nothing
       }
@@ -137,14 +142,23 @@
         <AccordionItem>
           <svelte:fragment slot="summary">{tag.name}</svelte:fragment>
           <svelte:fragment slot="content">
-            <input
-              type="text"
-              class="input p-2"
-              bind:value={tag.name}
-              placeholder="Tag-Name"
-              bind:this={nameFields[tag.id]}
-              on:change={() => tagChange(tag)} />
-            <span slot="helper">Human-Readable name of the tag that is shown in UI</span>
+            <div>
+              <input
+                type="text"
+                class="input p-2"
+                bind:value={tag.name}
+                placeholder="Name"
+                bind:this={nameFields[tag.id]}
+                on:change={() => tagChange(tag)} />
+
+              <input
+                type="text"
+                class="input p-2"
+                bind:value={tag.description}
+                placeholder="Description"
+                on:change={() => tagChange(tag)} />
+            </div>
+            <span slot="helper">Human-Readable name and description of the tag that is shown in UI</span>
 
             <button class="variant-ghost-error btn" on:click={(e) => onDeleteClick(e, tag)}>
               <span>Delete</span>