Add a daily post average to the user card

1 files changed, 11 insertions, 1 deletions

diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
index 3fa34773..8c971d53 100644
--- a/src/components/user_card_content/user_card_content.vue
+++ b/src/components/user_card_content/user_card_content.vue
@@ -40,7 +40,7 @@
       <div class="user-counts">
         <div class="user-count">
           <h5>Statuses</h5>
-          <span>{{user.statuses_count}}</span>
+          <span>{{user.statuses_count}} <br><span class="dailyAvg">{{dailyAvg}} per day</span></span>
         </div>
         <div class="user-count">
           <h5>Following</h5>
@@ -77,6 +77,11 @@
       },
       loggedIn () {
         return this.$store.state.users.currentUser
+      },
+      dailyAvg () {
+        return Math.round(
+          this.user.statuses_count / ((new Date() - new Date(this.user.created_at)) / (60 * 60 * 24 * 1000))
+        )
       }
     },
     methods: {
@@ -217,4 +222,9 @@
         margin: 0 0 0.25em;
     }
 }
+
+.dailyAvg {
+  font-size: 0.8em;
+  opacity: 0.5;
+}
 </style>