Track miner reward contribution

apps/web/src/components/MinerCard.vue

@@ -46,6 +46,12 @@ const lastShareLabel = computed(() => {
 
 const lifetimeShares = computed(() => props.miner.diffAcceptedCount);
 const acceptedWork = computed(() => isBoomerHeater.value ? "Zero. Obviously." : formatBig(props.miner.diffAcceptedSum));
+const contributionWork = computed(() =>
+  isBoomerHeater.value ? "Zero. Obviously." : formatBig(props.miner.contributionAcceptedWork ?? props.miner.diffAcceptedSum),
+);
+const contributionShare = computed(() =>
+  isBoomerHeater.value ? "0.00%" : `${(props.miner.contributionPct ?? 0).toFixed(2)}%`,
+);
 const bestWork = computed(() => {
   if (isBoomerHeater.value) return "Fuck all";
   return props.bestWork && props.bestWork > 0 ? formatBig(props.bestWork) : "collecting";
@@ -102,8 +108,12 @@ function formatBig(n: number): string {
         <div class="value glow-amber">{{ bestWork }}</div>
       </div>
       <div class="stat">
-        <div class="label">accepted work</div>
-        <div class="value">{{ acceptedWork }}</div>
+        <div class="label">reward share</div>
+        <div class="value glow-green">{{ contributionShare }}</div>
+      </div>
+      <div class="stat">
+        <div class="label">reward work</div>
+        <div class="value">{{ contributionWork }}</div>
       </div>
       <div class="stat">
         <div class="label">reject %</div>
@@ -112,8 +122,8 @@ function formatBig(n: number): string {
         </div>
       </div>
       <div class="stat">
-        <div class="label">vdiff</div>
-        <div class="value">{{ isBoomerHeater ? "Fiat" : miner.vdiff.toLocaleString() }}</div>
+        <div class="label">accepted work</div>
+        <div class="value">{{ acceptedWork }}</div>
       </div>
     </div>
 

apps/web/src/types.ts

@@ -18,6 +18,12 @@ export type MinerStat = {
   userAgent: string;
   subscribed: boolean;
   status: "hashing" | "stale" | "idle";
+  contributionAcceptedWork?: number;
+  contributionAcceptedShares?: number;
+  contributionPct?: number;
+  contributionFirstSeenAt?: number;
+  contributionLastSeenAt?: number;
+  currentlyConnected?: boolean;
 };
 
 export type PoolStat = {