4 changed files with 729 additions and 732 deletions
--- a/bruno/AniTrack/AniList/GetAuthorizationToken.bru
+++ b/bruno/AniTrack/AniList/GetAuthorizationToken.bru
@ -12,7 +12,7 @@ post {

 headers {
  Accept: application/json
-  Content-Type: application/x-www-form-urlencoded
+  Content-Type: application/json
 }

 body:form-urlencoded {
@ -20,7 +20,7 @@ body:form-urlencoded {
  client_id: {{ANILIST_APP_ID}}
  client_secret: {{ANILIST_SECRET_TOKEN}}
  redirect_uri: http://localhost:6734/callback
-  code: {{ANILIST_CODE}}
+  code: {{code}}
 }

 body:multipart-form {
--- a/bruno/AniTrack/environments/Dev.bru
+++ b/bruno/AniTrack/environments/Dev.bru
@ -9,7 +9,7 @@ vars {
 }
 vars:secret [
  ANILIST_ACCESS_TOKEN,
-  ANILIST_CODE,
+  code,
  SIMKL_AUTH_TOKEN,
  MAL_CODE,
  MAL_VERIFIER,
--- a/frontend/src/helperComponents/Anime.svelte
+++ b/frontend/src/helperComponents/Anime.svelte
@ -8,6 +8,7 @@
        simklLoggedIn,
    } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
    import { push } from "svelte-spa-router";
+    import { Button } from "flowbite-svelte";
    import type { AniListGetSingleAnime } from "../anilist/types/AniListCurrentUserWatchListType";
    import Rating from "./Rating.svelte";
    import {
@ -22,9 +23,15 @@
    } from "../mal/types/MALTypes";
    import type { SimklAnime } from "../simkl/types/simklTypes";
    import { writable } from "svelte/store";
-  import type { StatusOption, StatusOptions } from "../helperTypes/StatusTypes";
+    import type {
+        StatusOption,
+        StatusOptions,
+    } from "../helperTypes/StatusTypes";
    import type { AniListUpdateVariables } from "../anilist/types/AniListTypes";
-  import { convertDateToAniList } from "../helperFunctions/convertDateToAniList";
+    import {
+        convertDateStringToAniList,
+        convertDateToAniList,
+    } from "../helperFunctions/convertDateToAniList";
    import {
        AniListDeleteEntry,
        AniListUpdateEntry,
@ -76,7 +83,8 @@
        { id: 5, aniList: "REPEATING", mal: "rewatching", simkl: "watching" },
    ];
    let startingAnilistStatusOption: StatusOption = statusOptions.filter(
-    (option) => currentAniListAnime.data.MediaList.status === option.aniList,
+        (option) =>
+            currentAniListAnime.data.MediaList.status === option.aniList,
    )[0];
    let startedAtDate: Date | null = convertAniListDateToDate(
        currentAniListAnime.data.MediaList.startedAt,
@ -107,11 +115,15 @@
        let startDate = "";
        let finishDate = "";
        if (currentMalAnime.my_list_status.start_date !== "") {
-      const startArray = re.exec(currentMalAnime.my_list_status.start_date);
+            const startArray = re.exec(
+                currentMalAnime.my_list_status.start_date,
+            );
            startDate = `${startArray[2]}-${startArray[3]}-${startArray[1]}`;
        }
        if (currentMalAnime.my_list_status.finish_date !== "") {
-      const finishArray = re.exec(currentMalAnime.my_list_status.finish_date);
+            const finishArray = re.exec(
+                currentMalAnime.my_list_status.finish_date,
+            );
            finishDate = `${finishArray[2]}-${finishArray[3]}-${finishArray[1]}`;
        }
        AddAnimeServiceToTable({
@ -188,7 +200,10 @@
            submitData[key] = value;
        }

-    if (isAniListLoggedIn && currentAniListAnime.data.MediaList.mediaId !== 0) {
+        if (
+            isAniListLoggedIn &&
+            currentAniListAnime.data.MediaList.mediaId !== 0
+        ) {
            let body: AniListUpdateVariables = {
                mediaId: currentAniListAnime.data.MediaList.mediaId,
                progress: submitData.episodes,
@ -199,7 +214,8 @@
                startedAt: convertDateToAniList(startedAtDate),
                completedAt: convertDateToAniList(completedAtDate),
            };
-      await AniListUpdateEntry(body).then((value: AniListGetSingleAnime) => {
+            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 */
@ -223,7 +239,8 @@
                        repeat: currentAniListAnime.data.MediaList.repeat,
                        notes: currentAniListAnime.data.MediaList.notes,
                    });
-      });
+                },
+            );
        }

        if (malLoggedIn && currentMalAnime.id !== 0) {
@ -240,7 +257,8 @@
                (malAnimeReturn: MalListStatus) => {
                    malAnime.update((value) => {
                        value.my_list_status.status = malAnimeReturn.status;
-            value.my_list_status.is_rewatching = malAnimeReturn.is_rewatching;
+                        value.my_list_status.is_rewatching =
+                            malAnimeReturn.is_rewatching;
                        value.my_list_status.score = malAnimeReturn.score;
                        value.my_list_status.num_episodes_watched =
                            malAnimeReturn.num_episodes_watched;
@ -267,12 +285,14 @@
                        id: `m-${currentMalAnime.id}`,
                        title: currentMalAnime.title,
                        service: "MyAnimeList",
-            progress: currentMalAnime.my_list_status.num_episodes_watched,
+                        progress:
+                            currentMalAnime.my_list_status.num_episodes_watched,
                        status: currentMalAnime.my_list_status.status,
                        startedAt: startDate,
                        completedAt: finishDate,
                        score: currentMalAnime.my_list_status.score,
-            repeat: currentMalAnime.my_list_status.num_times_rewatched,
+                        repeat: currentMalAnime.my_list_status
+                            .num_times_rewatched,
                        notes: currentMalAnime.my_list_status.comments,
                    });
                },
@ -280,9 +300,13 @@
        }

        if (simklLoggedIn && currentSimklAnime.show.ids.simkl !== 0) {
-      if (currentSimklAnime.watched_episodes_count !== submitData.episodes) {
-        await SimklSyncEpisodes(currentSimklAnime, submitData.episodes).then(
-          (value: SimklAnime) => {
+            if (
+                currentSimklAnime.watched_episodes_count !== submitData.episodes
+            ) {
+                await SimklSyncEpisodes(
+                    currentSimklAnime,
+                    submitData.episodes,
+                ).then((value: SimklAnime) => {
                    AddAnimeServiceToTable({
                        id: `s-${value.show.ids.simkl}`,
                        title: value.show.title,
@ -299,13 +323,14 @@
                        newValue = value;
                        return newValue;
                    });
-          },
-        );
+                });
            }

            if (currentSimklAnime.user_rating !== submitData.rating) {
-        await SimklSyncRating(currentSimklAnime, submitData.rating).then(
-          (value) => {
+                await SimklSyncRating(
+                    currentSimklAnime,
+                    submitData.rating,
+                ).then((value) => {
                    AddAnimeServiceToTable({
                        id: `s-${value.show.ids.simkl}`,
                        title: value.show.title,
@ -322,13 +347,14 @@
                        newValue = value;
                        return newValue;
                    });
-          },
-        );
+                });
            }

            if (currentSimklAnime.status !== submitData.status.simkl) {
-        await SimklSyncStatus(currentSimklAnime, submitData.status.simkl).then(
-          (value) => {
+                await SimklSyncStatus(
+                    currentSimklAnime,
+                    submitData.status.simkl,
+                ).then((value) => {
                    AddAnimeServiceToTable({
                        id: `s-${value.show.ids.simkl}`,
                        title: value.show.title,
@ -345,8 +371,7 @@
                        newValue = value;
                        return newValue;
                    });
-          },
-        );
+                });
            }
        }

@ -357,7 +382,10 @@

    const deleteEntries = async () => {
        submitting.set(true);
-    if (isAniListLoggedIn && currentAniListAnime.data.MediaList.mediaId !== 0) {
+        if (
+            isAniListLoggedIn &&
+            currentAniListAnime.data.MediaList.mediaId !== 0
+        ) {
            await AniListDeleteEntry(currentAniListAnime.data.MediaList.id);
            AddAnimeServiceToTable({
                id: `a-${currentAniListAnime.data.MediaList.mediaId}`,
@ -417,7 +445,8 @@
        currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode !== 0
    ) {
        max =
-      currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode - 1;
+            currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode -
+            1;
    }
 </script>

@ -450,17 +479,8 @@
                            type="button"
                            id="decrement-button"
                            data-input-counter-decrement="quantity-input"
-              on:click={() => {
-                currentAniListAnime.data.MediaList.progress -= 1;
-                if (
-                  currentAniListAnime.data.MediaList.progress <
-                  currentAniListAnime.data.MediaList.media.episodes
-                ) {
-                  startingAnilistStatusOption = statusOptions[0];
-                  if (currentAniListAnime.data.MediaList.repeat === 0)
-                    completedAtDate = null;
-                }
-              }}
+                            on:click={() =>
+                                (currentAniListAnime.data.MediaList.progress -= 1)}
                            class="bg-gray-700 hover:bg-gray-600 border-gray-600 border rounded-s-lg p-3 h-11 focus:ring-gray-700 focus:ring-2 focus:outline-none"
                        >
                            <svg
@ -487,38 +507,30 @@
                            id="episodes"
                            class="border border-x-0 p-2.5 h-11 text-center text-sm block w-full placeholder-gray-400 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none
                            {currentAniListAnime.data.MediaList.progress < 0 ||
-              (currentAniListAnime.data.MediaList.media.episodes > 0 &&
+                            (currentAniListAnime.data.MediaList.media.episodes >
+                                0 &&
                                currentAniListAnime.data.MediaList.progress >
-                  currentAniListAnime.data.MediaList.media.episodes) ||
-              (currentAniListAnime.data.MediaList.media.nextAiringEpisode
-                .episode > 0 &&
+                                    currentAniListAnime.data.MediaList.media
+                                        .episodes) ||
+                            (currentAniListAnime.data.MediaList.media
+                                .nextAiringEpisode.episode > 0 &&
                                currentAniListAnime.data.MediaList.progress >
-                  currentAniListAnime.data.MediaList.media.nextAiringEpisode
-                    .episode -
+                                    currentAniListAnime.data.MediaList.media
+                                        .nextAiringEpisode.episode -
                                        1)
                                ? 'border-red-500 border-[2px] text-rose-300 focus:ring-red-500 focus:border-red-500'
                                : 'bg-gray-700 hover:bg-gray-600 border-gray-600 text-white focus:ring-blue-500 focus:border-blue-500'} w-24"
-              bind:value={currentAniListAnime.data.MediaList.progress}
+                            bind:value={
+                                currentAniListAnime.data.MediaList.progress
+                            }
                            required
                        />
                        <button
                            type="button"
                            id="increment-button"
                            data-input-counter-increment="quantity-input"
-              on:click={() => {
-                currentAniListAnime.data.MediaList.progress += 1;
-                if (
-                  currentAniListAnime.data.MediaList.media.episodes ===
-                  currentAniListAnime.data.MediaList.progress
-                ) {
-                  startingAnilistStatusOption = statusOptions[2];
-                  completedAtDate = new Date();
-                }
-                if (currentAniListAnime.data.MediaList.progress - 1 === 0) {
-                  startingAnilistStatusOption = statusOptions[0];
-                  if (startedAtDate === null) startedAtDate = new Date();
-                }
-              }}
+                            on:click={() =>
+                                (currentAniListAnime.data.MediaList.progress += 1)}
                            class="bg-gray-700 hover:bg-gray-600 border-gray-600 border rounded-e-lg p-3 h-11 focus:ring-gray-700 focus:ring-2 focus:outline-none"
                        >
                            <svg
@ -539,37 +551,21 @@
                        </button>
                    </div>
                    <div>
-            / {currentAniListAnime.data.MediaList.media.nextAiringEpisode
-              .episode !== 0
-              ? currentAniListAnime.data.MediaList.media.nextAiringEpisode
-                  .episode - 1
+                        / {currentAniListAnime.data.MediaList.media
+                            .nextAiringEpisode.episode !== 0
+                            ? currentAniListAnime.data.MediaList.media
+                                  .nextAiringEpisode.episode - 1
                            : currentAniListAnime.data.MediaList.media.episodes}
                    </div>
                    {#if currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode !== 0}
                        <div>
-              of {currentAniListAnime.data.MediaList.media.episodes}
+                            of {currentAniListAnime.data.MediaList.media
+                                .episodes}
                        </div>
                    {/if}
                </div>
-        <div>
-          <label
-            for="status"
-            class="text-left block mb-2 text-sm font-medium text-white"
-            >Status</label
-          >
-          <select
-            id="status"
-            name="status"
-            class="border text-sm rounded-lg
-                            block p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400
-                            text-white focus:ring-blue-500 focus:border-blue-500"
-            bind:value={startingAnilistStatusOption}
-          >
-            {#each statusOptions as option}
-              <option value={option}>{option.aniList}</option>
-            {/each}
-          </select>
-        </div>
+
+
            </div>
            <div
                class="flex flex-col md:flex-row md:pl-10 md:pr-10 pt-5 pb-5 justify-center md:gap-x-16 lg:gap-x-36"
@ -619,7 +615,8 @@
                        name="repeat"
                        min="0"
                        id="repeat"
-            class="border {currentAniListAnime.data.MediaList.repeat < 0
+                        class="border {currentAniListAnime.data.MediaList
+                            .repeat < 0
                            ? 'border-red-500 border-[2px] text-rose-300 focus:ring-red-500 focus:border-red-500'
                            : 'border-gray-500 text-white focus:ring-blue-500 focus:border-blue-500'} text-sm rounded-lg block w-24 p-2.5 bg-gray-600 placeholder-gray-400 text-white"
                        bind:value={currentAniListAnime.data.MediaList.repeat}
@ -652,7 +649,7 @@
        <div
            class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-end"
        >
-      <button
+            <Button
                disabled={isSubmitting}
                id="sync-button"
                class="text-white {$submitSuccess
@ -681,8 +678,8 @@
                    />
                </svg>
                Sync Changes
-      </button>
-      <button
+            </Button>
+            <Button
                class="text-white bg-gray-800 border border-gray-600 focus:outline-none hover:bg-gray-700 focus:ring-4
                    focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2
                    hover:border-gray-600"
@ -692,7 +689,7 @@
                }}
            >
                Go Home
-      </button>
+            </Button>
        </div>
    </div>
    <AnimeTable />
@ -701,10 +698,10 @@
        <div
            class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-start"
        >
-      <button
+            <Button
                disabled={isSubmitting}
                id="delete-button"
-        class="text-white {$submitSuccess
+                class="text-white bg-red-700 {$submitSuccess
                    ? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-800'
                    : 'bg-red-600 hover:bg-red-700 focus:ring-4 focus:ring-red-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
                on:click={deleteEntries}
@ -730,12 +727,12 @@
                    />
                </svg>
                Delete Entries
-      </button>
+            </Button>
        </div>
        <div
            class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-end"
        >
-      <button
+            <Button
                disabled={isSubmitting}
                id="sync-button"
                class="text-white {$submitSuccess
@ -764,8 +761,8 @@
                    />
                </svg>
                Sync Changes
-      </button>
-      <button
+            </Button>
+            <Button
                class="text-white bg-gray-800 border border-gray-600 focus:outline-none hover:bg-gray-700 focus:ring-4
                    focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2
                    hover:border-gray-600"
@ -775,7 +772,7 @@
                }}
            >
                Go Home
-      </button>
+            </Button>
        </div>
    </div>

--- a/wails.json
+++ b/wails.json
@ -12,6 +12,6 @@
  },
  "info": {
    "productName": "AniTrack",
-    "productVersion": "0.1.8"
+    "productVersion": "0.1.7"
  }
 }