Basic mention support.

I still have to think about how to integrate them in the state system...

2 files changed, 40 insertions, 0 deletions

diff --git a/src/components/mentions/mentions.js b/src/components/mentions/mentions.js
new file mode 100644
index 00000000..3563101b
--- /dev/null
+++ b/src/components/mentions/mentions.js
@@ -0,0 +1,28 @@
+import Status from '../status/status.vue'
+// Temporary
+import { prepareStatus, updateTimestampsInStatuses } from '../../modules/statuses.js'
+import { map } from 'lodash'
+
+const Mentions = {
+  data () {
+    return {
+      mentions: []
+    }
+  },
+  computed: {
+    username () {
+      return this.$route.params.username
+    }
+  },
+  components: {
+    Status
+  },
+  created () {
+    this.$store.state.api.backendInteractor.fetchMentions({username: this.username})
+      .then((mentions) => {
+        this.mentions = updateTimestampsInStatuses(map(mentions, prepareStatus))
+      })
+  }
+}
+
+export default Mentions
diff --git a/src/components/mentions/mentions.vue b/src/components/mentions/mentions.vue
new file mode 100644
index 00000000..a760719c
--- /dev/null
+++ b/src/components/mentions/mentions.vue
@@ -0,0 +1,12 @@
+<template>
+  <div class="timeline panel panel-default">
+    <div class="panel-heading">Mentions</div>
+    <div class="panel-body">
+      <div class="timeline">
+        <status v-for="status in mentions" :key="status.id" v-bind:statusoid="status"></status>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script src="./mentions.js"></script>