Basic mention support.

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

1 files changed, 28 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