Add extension for map sort by value

src/components/AddColumn/PublicTimeline.vue

@@ -14,7 +14,7 @@
     <div id="timelines">
       <div v-for="(value, key, index) in pubTL" :key="index" class="tl">
         {{value.name}}
-        <div v-for="[id,status] in Array.from(value.statuses)" :key="id" class="tl">{{status.id}}</div>
+        <div v-for="[id,status] in sortedStatus(value.statuses)" :key="id" class="tl">{{status.id}}</div>
       </div>
     </div>
     <BaseButton
@@ -31,6 +31,8 @@ import { ipcRenderer } from 'electron'
 import { Component, Vue } from 'vue-property-decorator'
 import { Status } from 'megalodon'
 
+import '@/extensions/map-sortbyvalue' // Add sortByValue function to Map prototype
+
 type DeleteListener = (e: Event, id: number) => void
 type Instance = string
 type Timeline = {
@@ -61,6 +63,12 @@ export default class AddColumn extends Vue {
     return this.instance != ''
   }
 
+  public sortedStatus(statuses: Map<number, Status>): Map<number, Status> {
+    return statuses.sortByValue((s1, s2): number => {
+      return s1.created_at > s2.created_at ? -1 : 1
+    })
+  }
+
   public addTL() {
     let timeline: Timeline = { name: this.instance }
 

src/extensions/map-sortbyvalue.ts

@@ -0,0 +1,9 @@
+
+interface Map<K, V> {
+    sortByValue(f: (value1: V, value2: V) => number): Map<K, V>
+}
+Map.prototype.sortByValue = function (f: (value1: any, value2: any) => number): Map<any, any> {
+    return new Map([...(this as Map<any, any>)].sort((keyValue1, keyValue2) => {
+        return f(keyValue1[1], keyValue2[1]);
+    }))
+}