From 7a7562e54e66aebbf782baefa89b1f17e5119afa Mon Sep 17 00:00:00 2001
From: Daan Wijns <dw.daanwijns@gmail.com>
Date: Sat, 14 Aug 2021 11:35:08 +0200
Subject: [PATCH] feat: show created by info #279

---
 .../Modals/TorrentDetailModal/Tabs/Info.vue   | 22 ++++++++++++++++++-
 src/services/qbit.js                          |  2 +-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/Modals/TorrentDetailModal/Tabs/Info.vue b/src/components/Modals/TorrentDetailModal/Tabs/Info.vue
index a65506fb..b131f7b7 100644
--- a/src/components/Modals/TorrentDetailModal/Tabs/Info.vue
+++ b/src/components/Modals/TorrentDetailModal/Tabs/Info.vue
@@ -134,6 +134,14 @@
             {{ torrent.tracker }}
           </td>
         </tr>
+        <tr v-if="createdBy">
+          <td :class="commonStyle">
+            Created By
+          </td>
+          <td>
+            {{ createdBy }}
+          </td>
+        </tr>
         <tr v-if="torrent.comment">
           <td :class="commonStyle">
             Comments
@@ -213,6 +221,8 @@
 <script>
 import { mapGetters } from 'vuex'
 import { FullScreenModal } from '@/mixins'
+import qbit from '@/services/qbit'
+
 export default {
   name: 'Info',
   mixins: [FullScreenModal],
@@ -221,7 +231,8 @@ export default {
   },
   data() {
     return {
-      commonStyle: 'caption'
+      commonStyle: 'caption',
+      createdBy: null
     }
   },
   computed: {
@@ -229,6 +240,15 @@ export default {
     torrent() {
       return this.getTorrent(this.hash)
     }
+  },
+  mounted() {
+    this.getTorrentProperties()
+  },
+  methods: {
+    async getTorrentProperties() {
+      const props = await qbit.getTorrentProperties(this.hash)
+      this.createdBy = props.created_by || null
+    }
   }
 }
 </script>
diff --git a/src/services/qbit.js b/src/services/qbit.js
index 6bc72f85..2c3150e8 100644
--- a/src/services/qbit.js
+++ b/src/services/qbit.js
@@ -145,7 +145,7 @@ class Qbit {
   getTorrentProperties(hash) {
     return this.axios.get('/torrents/properties', {
       params: { hash }
-    })
+    }).then(res => res.data)
   }
 
   // Post