From 396c2c4b4d797907805f8a2448ec1da539fb2a58 Mon Sep 17 00:00:00 2001
From: Jim Richter <jim-x@web.de>
Date: Tue, 16 Mar 2021 16:05:35 +0100
Subject: [PATCH] feat(ui): add new tag to changelogs

---
 view/src/components/Changelog/Commit.svelte |  3 +++
 view/src/components/Changelog/index.ts      |  2 +-
 view/src/routes/changelog.svelte            | 29 ++++++++++++++-------
 3 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/view/src/components/Changelog/Commit.svelte b/view/src/components/Changelog/Commit.svelte
index 25ce069..ee9ca1a 100644
--- a/view/src/components/Changelog/Commit.svelte
+++ b/view/src/components/Changelog/Commit.svelte
@@ -1,7 +1,10 @@
 <script lang="ts">
   export let commit: Commit;
+
+  export let isNew = false;
 </script>
 
 <p>
+  {@html isNew ? "<b>[NEW]</b>" : ""}
   {commit.subject}
 </p>
diff --git a/view/src/components/Changelog/index.ts b/view/src/components/Changelog/index.ts
index 148fd5c..310785f 100644
--- a/view/src/components/Changelog/index.ts
+++ b/view/src/components/Changelog/index.ts
@@ -23,7 +23,7 @@ import { commitStore, route } from "stores";
     }
   });
 
-  if (newCommits.length > 2) {
+  if (newCommits.length > 1) {
     if (window.location.hash !== "#changelog") {
       if ((await Toast.ask(`There are <b>${newCommits.length}</b> updates. Do you want to see them?`, ["yes", "no"])) === "yes") {
         route.set("changelog")
diff --git a/view/src/routes/changelog.svelte b/view/src/routes/changelog.svelte
index 9d7ede0..b53553e 100644
--- a/view/src/routes/changelog.svelte
+++ b/view/src/routes/changelog.svelte
@@ -2,12 +2,7 @@
   import Commit from "components/Changelog/Commit.svelte";
   import { commitStore, route } from "stores";
 
-  $: if ($commitStore.length) {
-    localStorage.setItem(
-      "currentCommit",
-      $commitStore[$commitStore.length - 1].id
-    );
-  }
+  let currentCommit = localStorage.getItem("currentCommit");
 
   $: commits =
     $commitStore.length &&
@@ -24,11 +19,13 @@
         return commit;
       });
 
+  $: if (commits.length) {
+    localStorage.setItem("currentCommit", commits[0].id);
+  }
+
   let day = $commitStore.length && new Date($commitStore[0].date).getDay();
 
   const checkDate = (commit) => {
-    console.log(commit);
-
     const d = new Date(commit.date);
     if (d.getDay() != day) {
       day = d.getDay();
@@ -37,6 +34,19 @@
     return false;
   };
 
+  let isFound = false;
+  const checkIfNew = (commitId) => {
+    console.log(commitId, currentCommit);
+
+    if (isFound) return false;
+
+    if (commitId === currentCommit) {
+      isFound = true;
+      return false;
+    }
+    return true;
+  };
+
   const prettyDate = (date) => {
     return new Date(date).toLocaleDateString();
   };
@@ -52,8 +62,7 @@
         {prettyDate(commit.date)}
       </h3>
     {/if}
-
-    <Commit {commit} />
+    <Commit {commit} isNew={checkIfNew(commit.id)} />
   {/each}
 </main>