From 6e0b24e0861e451e18f4fc8a050d86871dfbcdab Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 3 Apr 2021 19:30:01 +0200
Subject: [PATCH 1/4] :recycle: (inbox) rename fleeting notes into inbox

---
 src/components/HeaderNote.vue | 2 +-
 src/router/router.ts          | 6 ++----
 src/views/FleetingNotes.vue   | 2 +-
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/HeaderNote.vue b/src/components/HeaderNote.vue
index 3530fd0..1471781 100644
--- a/src/components/HeaderNote.vue
+++ b/src/components/HeaderNote.vue
@@ -16,7 +16,7 @@
       class="special-folder"
       :to="{ name: 'FleetingNotes', params: { user, repo } }"
     >
-      Fleeting notes
+      inbox
     </router-link>
   </header>
 </template>
diff --git a/src/router/router.ts b/src/router/router.ts
index c989d8b..529fe78 100644
--- a/src/router/router.ts
+++ b/src/router/router.ts
@@ -27,13 +27,11 @@ const routes: Array<RouteRecordRaw> = [
     component: Home
   },
   {
-    path: '/:user/:repo/fleeting-notes',
+    path: '/:user/:repo/inbox',
     name: 'FleetingNotes',
     props: true,
     component: () =>
-      import(
-        /* webpackChunkName: "fleeting-notes" */ '@/views/FleetingNotes.vue'
-      )
+      import(/* webpackChunkName: "inbox" */ '@/views/FleetingNotes.vue')
   },
   {
     path: '/:user/:repo/draft',
diff --git a/src/views/FleetingNotes.vue b/src/views/FleetingNotes.vue
index a491949..fab0802 100644
--- a/src/views/FleetingNotes.vue
+++ b/src/views/FleetingNotes.vue
@@ -19,7 +19,7 @@ import { defineAsyncComponent, defineComponent } from 'vue'
 
 const FluxNote = defineAsyncComponent(() => import('@/components/FluxNote.vue'))
 
-const FLEETING_NOTES_FOLDER = 'fleeting-notes'
+const FLEETING_NOTES_FOLDER = 'inbox'
 
 export default defineComponent({
   name: 'FleetingNotes',

From dba0c45de82c331d64ba5e1a8c9039c2a83a6429 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 3 Apr 2021 19:51:27 +0200
Subject: [PATCH 2/4] :sparkles: (note) display loading icon

---
 src/assets/icons/loading.svg |  4 ++++
 src/components/FluxNote.vue  | 22 ++++++++++++++++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/icons/loading.svg

diff --git a/src/assets/icons/loading.svg b/src/assets/icons/loading.svg
new file mode 100644
index 0000000..4407a4b
--- /dev/null
+++ b/src/assets/icons/loading.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-rotate-clockwise" width="24" height="24" viewBox="0 0 24 24" stroke="#3b7e70" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
+</svg>
\ No newline at end of file
diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue
index 74bb8b5..0aec3f7 100644
--- a/src/components/FluxNote.vue
+++ b/src/components/FluxNote.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="flux-note content note-container" v-if="!isLoading">
+  <main class="flux-note content note-container">
     <div class="note readme">
       <header-note class="header" :user="user" :repo="repo" />
       <div class="repo-title-breadcrumb">
@@ -18,7 +18,14 @@
         </h4>
       </div>
       <slot />
-      <div v-if="!hasContent">
+      <div v-if="isLoading" class="loading">
+        <img
+          class="is-loading"
+          src="@/assets/icons/loading.svg"
+          alt="loading..."
+        />
+      </div>
+      <div v-else-if="!hasContent">
         No content here 📝
       </div>
       <p class="note-display" v-html="renderedContent"></p>
@@ -201,6 +208,17 @@ $header-height: 40px;
       max-width: 620px;
     }
   }
+
+  .loading {
+    display: flex;
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+
+    .is-loading {
+      animation: spinAround 0.8s infinite linear;
+    }
+  }
 }
 
 @media screen and (max-width: 768px) {

From 3a52f85adea96badc03cf461b3065fa07a1005a9 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 3 Apr 2021 19:52:58 +0200
Subject: [PATCH 3/4] :pencil2: (header) draft

---
 src/components/HeaderNote.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HeaderNote.vue b/src/components/HeaderNote.vue
index 1471781..87c8ef8 100644
--- a/src/components/HeaderNote.vue
+++ b/src/components/HeaderNote.vue
@@ -10,7 +10,7 @@
       class="special-folder"
       :to="{ name: 'DraftNotes', params: { user, repo } }"
     >
-      Draft
+      draft
     </router-link>
     <router-link
       class="special-folder"

From 53046ba2db41c4517bb5f9df015bd6541d028b8c Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 3 Apr 2021 20:12:47 +0200
Subject: [PATCH 4/4] :sparkles: (folder notes) content is nullable if there is
 no files.

---
 src/modules/note/hooks/useFolderNotes.ts | 4 ++--
 src/views/FleetingNotes.vue              | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/note/hooks/useFolderNotes.ts b/src/modules/note/hooks/useFolderNotes.ts
index 457ddf2..8d4e574 100644
--- a/src/modules/note/hooks/useFolderNotes.ts
+++ b/src/modules/note/hooks/useFolderNotes.ts
@@ -11,11 +11,11 @@ export const useFolderNotes = (folder: string) => {
   )
 
   const content = computed(() =>
-    fleetingNotes.value?.length
+    fleetingNotes.value?.length > 0
       ? fleetingNotes.value
           .map((note) => `- [${note.path}](${note.path})`)
           .join('\n')
-      : ''
+      : null
   )
 
   return {
diff --git a/src/views/FleetingNotes.vue b/src/views/FleetingNotes.vue
index fab0802..5cc2abc 100644
--- a/src/views/FleetingNotes.vue
+++ b/src/views/FleetingNotes.vue
@@ -7,7 +7,7 @@
       key="fleeting-notes"
     >
       <h3 class="subtitle is-3">
-        Fleeting notes
+        Inbox
       </h3>
     </flux-note>
   </div>