From e0981950d6d4b1cb89aadd4cf1a40c4947b43a8b Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 25 Apr 2021 17:01:37 +0200
Subject: [PATCH] :fire: (text editor) remove text editor page

---
 src/router/router.ts     |  13 ++---
 src/views/ShareNotes.vue |  49 +++++++++++++++++++
 src/views/TextEditor.vue | 103 ---------------------------------------
 3 files changed, 56 insertions(+), 109 deletions(-)
 create mode 100644 src/views/ShareNotes.vue
 delete mode 100644 src/views/TextEditor.vue

diff --git a/src/router/router.ts b/src/router/router.ts
index 529fe78..a6c4be2 100644
--- a/src/router/router.ts
+++ b/src/router/router.ts
@@ -3,12 +3,6 @@ import { RouteRecordRaw, createRouter, createWebHistory } from 'vue-router'
 import Home from '@/views/Home.vue'
 
 const routes: Array<RouteRecordRaw> = [
-  {
-    path: '/text-editor',
-    name: 'TextEditor',
-    component: () =>
-      import(/* webpackChunkName: "text-editor" */ '@/views/TextEditor.vue')
-  },
   {
     path: '/login',
     name: 'Login',
@@ -26,6 +20,13 @@ const routes: Array<RouteRecordRaw> = [
     props: true,
     component: Home
   },
+  {
+    path: '/:user/:repo/share/:note',
+    name: 'ShareNotes',
+    props: true,
+    component: () =>
+      import(/* webpackChunkName: "share-notes" */ '@/views/ShareNotes.vue')
+  },
   {
     path: '/:user/:repo/inbox',
     name: 'FleetingNotes',
diff --git a/src/views/ShareNotes.vue b/src/views/ShareNotes.vue
new file mode 100644
index 0000000..90eb36e
--- /dev/null
+++ b/src/views/ShareNotes.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="share-notes">
+    <article class="message is-primary">
+      <div class="message-body">
+        You can print this page. It contains every stacked notes.
+      </div>
+    </article>
+    <flux-note
+      :user="user"
+      :repo="repo"
+      :content="content"
+      key="share-notes"
+      :with-header="false"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineAsyncComponent, defineComponent, ref } from 'vue'
+
+const FluxNote = defineAsyncComponent(() => import('@/components/FluxNote.vue'))
+
+export default defineComponent({
+  name: 'ShareNotes',
+  components: {
+    FluxNote
+  },
+  props: {
+    user: { type: String, required: true },
+    repo: { type: String, required: true },
+    note: { type: String, required: true }
+  },
+  setup() {
+    const content = ref('Getting stacked notes...')
+
+    return {
+      content
+    }
+  }
+})
+</script>
+
+<style scoped lang="scss">
+.share-notes {
+  article {
+    margin: 1rem;
+  }
+}
+</style>
diff --git a/src/views/TextEditor.vue b/src/views/TextEditor.vue
deleted file mode 100644
index 881fa75..0000000
--- a/src/views/TextEditor.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-  <div class="text-editor content">
-    <button class="button is-primary" @click="back">
-      <img src="@/assets/icons/left-arrow.svg" alt="back" />
-    </button>
-    <hr />
-    <p>
-      Lite note is used to display efficiently notes. To edit them, use your
-      favorite text editor.
-    </p>
-    <ul>
-      <li>
-        <a
-          href="https://code.visualstudio.com/"
-          target="_blank"
-          rel="noopener noreferrer"
-          >VS Code</a
-        >
-        <p>Useful extensions:</p>
-        <ul>
-          <li>
-            <a
-              href="https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one"
-              target="_blank"
-              rel="noopener noreferrer"
-              >Markdown All in One</a
-            >
-          </li>
-          <li>
-            <a
-              href="https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced"
-              target="_blank"
-              rel="noopener noreferrer"
-              >Markdown Preview Enhanced</a
-            >
-          </li>
-        </ul>
-      </li>
-      <li>
-        <a href="https://atom.io/" target="_blank" rel="noopener noreferrer"
-          >Atom</a
-        >
-        <ul>
-          <li>
-            <a
-              href="https://atom.io/packages/markdown-writer"
-              target="_blank"
-              rel="noopener noreferrer"
-              >Markdown Writer</a
-            >
-          </li>
-          <li>
-            <a
-              href="https://atom.io/packages/language-markdown"
-              target="_blank"
-              rel="noopener noreferrer"
-              >Language Markdown</a
-            >
-          </li>
-          <li>
-            <a
-              href="https://atom.io/packages/markdown-preview-plus"
-              target="_blank"
-              rel="noopener noreferrer"
-              >Markdown Preview Plus</a
-            >
-          </li>
-          <li>
-            <a
-              href="https://atom.io/packages/markdown-table-editor"
-              target="_blank"
-              rel="noopener noreferrer"
-              >Markdown Table Editor</a
-            >
-          </li>
-        </ul>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { useRouter } from 'vue-router'
-
-export default defineComponent({
-  name: 'TextEditor',
-  setup() {
-    const { go } = useRouter()
-
-    return {
-      back: () => go(-1)
-    }
-  }
-})
-</script>
-
-<style lang="scss" scoped>
-.text-editor {
-  padding: 1rem;
-  flex: 1;
-}
-</style>