From 569f122e0bf0b7a84c3ed5bcd8300f3058aa6208 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Tue, 30 Nov 2021 18:41:46 -0800
Subject: [PATCH] Include percent returns

---
 market-simulator/src/components/Simulator.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/market-simulator/src/components/Simulator.vue b/market-simulator/src/components/Simulator.vue
index b9575c73..6cca3374 100644
--- a/market-simulator/src/components/Simulator.vue
+++ b/market-simulator/src/components/Simulator.vue
@@ -20,6 +20,8 @@
           <th>Implied Probability</th>
           <th>Yes Payout</th>
           <th>No Payout</th>
+          <th>Yes Return</th>
+          <th>No Return</th>
         </tr>
       </thead>
       <tbody>
@@ -29,9 +31,11 @@
           <td>{{ entry.noBid || '' }}</td>
           <td>{{ entry.yesWeight.toFixed(2) || '' }}</td>
           <td>{{ entry.noWeight.toFixed(2) || '' }}</td>
-          <td>{{ entry.prob.toFixed(2) }}</td>
-          <td>{{ entry.yesPayout.value.toFixed(2) }}</td>
-          <td>{{ entry.noPayout.value.toFixed(2) }}</td>
+          <td>{{ entry.prob.toFixed(2) || '' }}</td>
+          <td>{{ entry.yesPayout.value.toFixed(2) || '' }}</td>
+          <td>{{ entry.noPayout.value.toFixed(2) || '' }}</td>
+          <td>{{ (entry.yesReturn.value * 100).toFixed(2) || '' }}%</td>
+          <td>{{ (entry.noReturn.value * 100).toFixed(2) || '' }}%</td>
         </tr>
       </tbody>
     </table>
@@ -87,6 +91,9 @@ for (const bid of bids) {
     () => noBid + (noWeight / noWeightsC.value) * (yesPotC.value - YES_SEED)
   )
 
+  const yesReturn = computed(() => (yesPayout.value - yesBid) / yesBid)
+  const noReturn = computed(() => (noPayout.value - noBid) / noBid)
+
   entries.push({
     yesBid,
     noBid,
@@ -94,9 +101,10 @@ for (const bid of bids) {
     yesWeight: yesWeight,
     noWeight: noWeight,
     prob: prob,
-    // These are reactive, so fix decimal places in HTML template
     yesPayout,
     noPayout,
+    yesReturn,
+    noReturn,
   })
 }
 </script>