feat(ui): reward replay (#1090)

Description --- - config updates: - ~~added replayed items to app config (since the requirements only allow for one replay per app install)~~ - removed old config flags we don't need any more - UI updates: - added replay button to history item and missed item counter to wallet button - added individual replay text to `Earnings.tsx` for the animatin - logic updates: - add check to `useEarningsRecap` to set reward counter - added `handleWinReplay` action to `useBlockchainVisualisationStore` to handle individual replay animations (whether mining or not) Motivation and Context --- - https://tari.atlassian.net/browse/TC-47 How Has This Been Tested? --- - locally: https://github.com/user-attachments/assets/fa704cb0-8965-406c-a2e4-fde2dc472c97 (when not mining animation state has to be started, then stopped after) https://github.com/user-attachments/assets/3c008eb1-6dc8-40f5-b1d4-f8cb9c5e1108 What process can a PR reviewer use to test or verify this change? --- - open wallet and replay any history item animation - if you leave it mining for a while unfocused/minimised and come back with recaps, there should be a notification with a counter of the wind you missed. - opening the wallet to go replay should clear the counter Breaking Changes --- - [x] None --------- Co-authored-by: Brian Pearce <[email protected]>
tari-project · Nov 20, 2024 · 6aa992a · 6aa992a
1 parent 0fc0abb
commit 6aa992a
Show file tree

Hide file tree

Showing 46 changed files with 424 additions and 281 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/svg+xml" href="/tari.svg" />
-    
+
     <!-- Preload Poppins fonts -->
     <link rel="preload" href="/assets/fonts/Poppins/Poppins-ExtraLight.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="/assets/fonts/Poppins/Poppins-Light.woff2" as="font" type="font/woff2" crossorigin>

diff --git a/public/locales/af/mining-view.json b/public/locales/af/mining-view.json
@@ -1,12 +1,12 @@
 {
-  "cpu-power": "CPU Krag",
-  "gpu-power": "GPU Krag",
-  "estimated-day": "Est tXTM/dag",
   "connection-to-node-lost": "Kontak met mynwerker verloor. Wag asseblief vir mynwerker om kontak te maak of begin weer.",
+  "cpu-power": "CPU Krag",
   "current-block-time": "Huidige bloktyd",
   "day": "day",
+  "estimated-day": "Est tXTM/dag",
   "estimated-earnings": "Geskatte verdienste",
   "floor": "Vloer",
+  "gpu-power": "GPU Krag",
   "mining-button-text": {
     "cancel-mining": "Kanselleer myn",
     "changing-mode": "Verander modus",
@@ -18,6 +18,7 @@
     "waiting-for-idle": "Wag tot onaktief"
   },
   "you-earn-rewards-separately": "Jy verdien belonings vir die myn van CPU en GPU afsonderlik",
+  "you-won-block": "You were the winner of <span>block #{{ blockHeight }}</span>",
   "you-won-while-away": "<span>Jy het {{ blocks }} gewen</span> terwyl jy weg was",
   "your-reward-is": "Jou beloning is"
 }
diff --git a/public/locales/af/sidebar.json b/public/locales/af/sidebar.json
@@ -13,15 +13,16 @@
   "paper-wallet-tooltip-message": "Volg jou XTM oral deur jou Universe beursie met Tari Aurora te sinkroniseer.",
   "paper-wallet-tooltip-title": "Sinkroniseer met Foon",
   "recent-wins": "Onlangse oorwinnings",
+  "rewards": "Rewards",
   "setup-scheduler": "Stel skeduleerder op",
-  "show-history": "Wys geskiedenis",
-  "wallet-balance": "Beursie balans",
   "share": {
+    "button-text": "FLEX & NOOI",
+    "copied": "Skakel Gekopieer!",
     "history-item-button": "Flex & Nooi",
+    "reward": "my beloning",
     "title": "Ek het pas tari gemyn",
-    "winner-pill": "Wenner van blok",
-    "copied": "Skakel Gekopieer!",
-    "button-text": "FLEX & NOOI",
-    "reward": "my beloning"
-  }
+    "winner-pill": "Wenner van blok"
+  },
+  "show-history": "Wys geskiedenis",
+  "wallet-balance": "Beursie balans"
 }
diff --git a/public/locales/cn/mining-view.json b/public/locales/cn/mining-view.json
@@ -1,12 +1,12 @@
 {
-  "cpu-power": "CPU 功率",
-  "gpu-power": "GPU 功率",
-  "estimated-day": "预估 tXTM/天",
   "connection-to-node-lost": "与矿工的连接丢失。请等待矿机重新连接或重启矿机.",
+  "cpu-power": "CPU 功率",
   "current-block-time": "当前区块时间",
   "day": "day",
+  "estimated-day": "预估 tXTM/天",
   "estimated-earnings": "预计收益",
   "floor": "地板",
+  "gpu-power": "GPU 功率",
   "mining-button-text": {
     "cancel-mining": "取消挖矿",
     "changing-mode": "更改模式",
@@ -18,6 +18,7 @@
     "waiting-for-idle": "等待空闲"
   },
   "you-earn-rewards-separately": "您分别为 CPU 和 GPU 挖矿获得奖励",
+  "you-won-block": "You were the winner of <span>block #{{ blockHeight }}</span>",
   "you-won-while-away": "<span>您在离开时赢得了 {{ blocks }}</span>",
   "your-reward-is": "你的奖励是"
 }
diff --git a/public/locales/cn/sidebar.json b/public/locales/cn/sidebar.json
@@ -13,15 +13,16 @@
   "paper-wallet-tooltip-message": "通过将您的宇宙钱包同步到 Tari Aurora，随时随地跟踪您的 XTM。",
   "paper-wallet-tooltip-title": "与手机同步",
   "recent-wins": "最近的胜利",
+  "rewards": "Rewards",
   "setup-scheduler": "安装计划程序",
-  "show-history": "显示历史记录",
-  "wallet-balance": "钱包余额",
   "share": {
+    "button-text": "炫耀并邀请",
+    "copied": "链接已复制！",
     "history-item-button": "炫耀并邀请",
+    "reward": "我的奖励",
     "title": "我刚刚挖掘了Tari",
-    "winner-pill": "区块赢家",
-    "copied": "链接已复制！",
-    "button-text": "炫耀并邀请",
-    "reward": "我的奖励"
-  }
+    "winner-pill": "区块赢家"
+  },
+  "show-history": "显示历史记录",
+  "wallet-balance": "钱包余额"
 }
diff --git a/public/locales/de/mining-view.json b/public/locales/de/mining-view.json
@@ -1,12 +1,12 @@
 {
-  "cpu-power": "CPU-Leistung",
-  "gpu-power": "GPU-Leistung",
-  "estimated-day": "Geschätzte tXTM/Tag",
   "connection-to-node-lost": "Verbindung zum Miner verloren. Bitte warte, bis der Miner sich wieder verbindet, oder starte den Miner neu.",
+  "cpu-power": "CPU-Leistung",
   "current-block-time": "Aktuelle Blockzeit",
   "day": "day",
+  "estimated-day": "Geschätzte tXTM/Tag",
   "estimated-earnings": "Geschätzte Einnahmen",
   "floor": "Stockwerk",
+  "gpu-power": "GPU-Leistung",
   "mining-button-text": {
     "cancel-mining": "Mining abbrechen",
     "changing-mode": "Modus wird geändert",
@@ -17,6 +17,7 @@
     "waiting-for-idle": "Warten auf Leerlauf"
   },
   "you-earn-rewards-separately": "Sie verdienen Belohnungen für das Mining von CPU und GPU separat",
+  "you-won-block": "You were the winner of <span>block #{{ blockHeight }}</span>",
   "you-won-while-away": "<span>Sie haben {{ blocks }} gewonnen</span>, während Sie weg waren",
   "your-reward-is": "Deine Belohnung ist"
 }
diff --git a/public/locales/de/sidebar.json b/public/locales/de/sidebar.json
@@ -13,15 +13,16 @@
   "paper-wallet-tooltip-message": "Verfolgen Sie Ihr XTM überall, indem Sie Ihr Universum-Wallet mit Tari Aurora synchronisieren.",
   "paper-wallet-tooltip-title": "Mit Telefon synchronisieren",
   "recent-wins": "Kürzliche Gewinne",
+  "rewards": "Rewards",
   "setup-scheduler": "Scheduler einrichten",
-  "show-history": "Verlauf anzeigen",
-  "wallet-balance": "Wallet-Balance",
   "share": {
+    "button-text": "FLEX & EINLADEN",
+    "copied": "Link kopiert!",
     "history-item-button": "Flex & Einladen",
+    "reward": "meine Belohnung",
     "title": "Ich habe gerade Tari gemined",
-    "winner-pill": "Gewinner des Blocks",
-    "copied": "Link kopiert!",
-    "button-text": "FLEX & EINLADEN",
-    "reward": "meine Belohnung"
-  }
+    "winner-pill": "Gewinner des Blocks"
+  },
+  "show-history": "Verlauf anzeigen",
+  "wallet-balance": "Wallet-Balance"
 }
diff --git a/public/locales/en/mining-view.json b/public/locales/en/mining-view.json
@@ -1,12 +1,12 @@
 {
-  "cpu-power": "CPU Power",
-  "gpu-power": "GPU Power",
-  "estimated-day":"Est tXTM/day",
   "connection-to-node-lost": "Connection to miner lost. Please wait for the miner to reconnect or restart the miner.",
+  "cpu-power": "CPU Power",
   "current-block-time": "Current block time",
   "day": "day",
+  "estimated-day": "Est tXTM/day",
   "estimated-earnings": "Estimated earnings",
   "floor": "Floor",
+  "gpu-power": "GPU Power",
   "mining-button-text": {
     "cancel-mining": "Cancel Mining",
     "changing-mode": "Changing mode",
@@ -17,6 +17,7 @@
     "waiting-for-idle": "Waiting for Idle"
   },
   "you-earn-rewards-separately": "You earn rewards for mining CPU and GPU separately",
+  "you-won-block": "You were the winner of <span>block #{{ blockHeight }}</span>",
   "you-won-while-away": "<span>You won {{ blocks }}</span> while you were away",
   "your-reward-is": "Your reward is"
-}
+}
diff --git a/public/locales/en/sidebar.json b/public/locales/en/sidebar.json
@@ -1,27 +1,28 @@
 {
-    "auto-miner": "Auto Miner",
-    "auto-miner-description": "Auto miner will turn on your miner when your machine is idle",
-    "block": "Block",
-    "hide-history": "Hide history",
-    "history-hide-button": "Hide History",
-    "history-show-button": "History",
-    "lost-connection": "Lost connection to the Tari Network. Reconnecting..",
-    "mining-schedules": "Mining Schedules",
-    "mining-schedules-description": "Schedule your mining activity",
-    "next-milestone": "Next Milestone",
-    "paper-wallet-button": "Sync with Phone",
-    "paper-wallet-tooltip-message": "Track your XTM balance anywhere by syncing Universe with Tari Aurora.",
-    "paper-wallet-tooltip-title": "Sync with Phone",
-    "recent-wins": "Recent wins",
-    "setup-scheduler": "Setup Scheduler",
-    "show-history": "Show history",
-    "wallet-balance": "Wallet Balance",
-    "share": {
-        "history-item-button": "Flex & Invite",
-        "title": "I just mined tari",
-        "winner-pill": "Winner of block",
-        "copied": "Link Copied!",
-        "button-text": "FLEX & INVITE",
-        "reward": "my reward"
-    }
-}
+  "auto-miner": "Auto Miner",
+  "auto-miner-description": "Auto miner will turn on your miner when your machine is idle",
+  "block": "Block",
+  "hide-history": "Hide history",
+  "history-hide-button": "Hide History",
+  "history-show-button": "History",
+  "lost-connection": "Lost connection to the Tari Network. Reconnecting..",
+  "mining-schedules": "Mining Schedules",
+  "mining-schedules-description": "Schedule your mining activity",
+  "next-milestone": "Next Milestone",
+  "paper-wallet-button": "Sync with Phone",
+  "paper-wallet-tooltip-message": "Track your XTM balance anywhere by syncing Universe with Tari Aurora.",
+  "paper-wallet-tooltip-title": "Sync with Phone",
+  "recent-wins": "Recent wins",
+  "rewards": "Rewards",
+  "setup-scheduler": "Setup Scheduler",
+  "share": {
+    "button-text": "FLEX & INVITE",
+    "copied": "Link Copied!",
+    "history-item-button": "Flex & Invite",
+    "reward": "my reward",
+    "title": "I just mined tari",
+    "winner-pill": "Winner of block"
+  },
+  "show-history": "Show history",
+  "wallet-balance": "Wallet Balance"
+}
diff --git a/public/locales/fr/mining-view.json b/public/locales/fr/mining-view.json
@@ -1,12 +1,12 @@
 {
-  "cpu-power": "Puissance CPU",
-  "gpu-power": "Puissance GPU",
-  "estimated-day": "Est tXTM/jour",
   "connection-to-node-lost": "Connexion au mineur perdue. Attends que le mineur se reconnecte ou redémarre le mineur.",
+  "cpu-power": "Puissance CPU",
   "current-block-time": "Temps actuelle du bloc",
   "day": "day",
+  "estimated-day": "Est tXTM/jour",
   "estimated-earnings": "Gains estimés",
   "floor": "Étage",
+  "gpu-power": "Puissance GPU",
   "mining-button-text": {
     "cancel-mining": "Annuler le minage",
     "changing-mode": "Changement de mode",
@@ -17,6 +17,7 @@
     "waiting-for-idle": "En attente d'inactivité"
   },
   "you-earn-rewards-separately": "Vous gagnez des récompenses pour le minage CPU et GPU séparément",
+  "you-won-block": "You were the winner of <span>block #{{ blockHeight }}</span>",
   "you-won-while-away": "<span>Vous avez gagné {{ blocks }}</span> pendant votre absence",
   "your-reward-is": "Votre récompense est"
 }
diff --git a/public/locales/fr/sidebar.json b/public/locales/fr/sidebar.json
@@ -13,15 +13,16 @@
   "paper-wallet-tooltip-message": "Suivez votre XTM partout en synchronisant votre portefeuille Universe avec Tari Aurora.",
   "paper-wallet-tooltip-title": "Synchroniser avec le téléphone",
   "recent-wins": "Gains récents",
+  "rewards": "Rewards",
   "setup-scheduler": "Configurer le planificateur",
-  "show-history": "Afficher l\"historique",
-  "wallet-balance": "Solde du portefeuille",
   "share": {
+    "button-text": "FLEX & INVITER",
+    "copied": "Lien copié !",
     "history-item-button": "Flex & Inviter",
+    "reward": "ma récompense",
     "title": "Je viens de miner du tari",
-    "winner-pill": "Gagnant du bloc",
-    "copied": "Lien copié !",
-    "button-text": "FLEX & INVITER",
-    "reward": "ma récompense"
-  }
+    "winner-pill": "Gagnant du bloc"
+  },
+  "show-history": "Afficher l\"historique",
+  "wallet-balance": "Solde du portefeuille"
 }
diff --git a/public/locales/hi/mining-view.json b/public/locales/hi/mining-view.json
@@ -1,12 +1,12 @@
 {
-  "cpu-power": "CPU पावर",
-  "gpu-power": "GPU पावर",
-  "estimated-day": "Est tXTM/दिन",
   "connection-to-node-lost": "माइनर से कनेक्शन खो गया। कृपया माइनर के पुनः कनेक्ट होने या पुनः आरंभ करने की प्रतीक्षा करें।",
+  "cpu-power": "CPU पावर",
   "current-block-time": "वर्तमान ब्लॉक समय",
   "day": "day",
+  "estimated-day": "Est tXTM/दिन",
   "estimated-earnings": "अनुमानित कमाई",
   "floor": "न्यूनतम स्तर",
+  "gpu-power": "GPU पावर",
   "mining-button-text": {
     "cancel-mining": "माइनिंग रद्द करें",
     "changing-mode": "मोड बदल रहा है",
@@ -18,6 +18,7 @@
     "waiting-for-idle": "निष्क्रिय होने की प्रतीक्षा"
   },
   "you-earn-rewards-separately": "आप CPU और GPU माइनिंग के लिए अलग-अलग पुरस्कार अर्जित करते हैं",
+  "you-won-block": "You were the winner of <span>block #{{ blockHeight }}</span>",
   "you-won-while-away": "<span>आपने {{ blocks }} जीते</span> जब आप दूर थे",
   "your-reward-is": "आपका इनाम है"
 }
diff --git a/public/locales/hi/sidebar.json b/public/locales/hi/sidebar.json
@@ -13,15 +13,16 @@
   "paper-wallet-tooltip-message": "अपने यूनिवर्स वॉलेट को तारी ऑरोरा से सिंक करके कहीं भी अपने XTM को ट्रैक करें।",
   "paper-wallet-tooltip-title": "फोन के साथ सिंक करें",
   "recent-wins": "हाल की जीत",
+  "rewards": "Rewards",
   "setup-scheduler": "शेड्यूलर सेटअप करें",
-  "show-history": "इतिहास दिखाएं",
-  "wallet-balance": "वॉलेट शेष",
   "share": {
+    "button-text": "फ्लेक्स और आमंत्रित करें",
+    "copied": "लिंक कॉपी हो गया!",
     "history-item-button": "फ्लेक्स और आमंत्रित करें",
+    "reward": "मेरा इनाम",
     "title": "मैंने अभी तारी माइन किया",
-    "winner-pill": "ब्लॉक का विजेता",
-    "copied": "लिंक कॉपी हो गया!",
-    "button-text": "फ्लेक्स और आमंत्रित करें",
-    "reward": "मेरा इनाम"
-  }
+    "winner-pill": "ब्लॉक का विजेता"
+  },
+  "show-history": "इतिहास दिखाएं",
+  "wallet-balance": "वॉलेट शेष"
 }
diff --git a/public/locales/id/mining-view.json b/public/locales/id/mining-view.json
@@ -1,12 +1,12 @@
 {
-  "cpu-power": "Daya CPU",
-  "gpu-power": "Daya GPU",
-  "estimated-day": "Perkiraan tXTM/hari",
   "connection-to-node-lost": "Koneksi ke penambang terputus. Harap tunggu penambang untuk menyambung kembali atau mulai ulang penambang.",
+  "cpu-power": "Daya CPU",
   "current-block-time": "Waktu blok saat ini",
   "day": "day",
+  "estimated-day": "Perkiraan tXTM/hari",
   "estimated-earnings": "Perkiraan penghasilan",
   "floor": "Batas Bawah",
+  "gpu-power": "Daya GPU",
   "mining-button-text": {
     "cancel-mining": "Batalkan Penambangan",
     "changing-mode": "Mengubah mode",
@@ -18,6 +18,7 @@
     "waiting-for-idle": "Menunggu Tidak Aktif"
   },
   "you-earn-rewards-separately": "Anda mendapatkan hadiah untuk menambang CPU dan GPU secara terpisah",
+  "you-won-block": "You were the winner of <span>block #{{ blockHeight }}</span>",
   "you-won-while-away": "<span>Anda memenangkan {{ blocks }}</span> saat Anda pergi",
   "your-reward-is": "Hadiah Anda adalah"
 }
diff --git a/public/locales/id/sidebar.json b/public/locales/id/sidebar.json
@@ -13,15 +13,16 @@
   "paper-wallet-tooltip-message": "Lacak XTM Anda di mana saja dengan menyinkronkan dompet Universe Anda ke Tari Aurora.",
   "paper-wallet-tooltip-title": "Sinkronkan dengan Ponsel",
   "recent-wins": "Kemenangan terbaru",
+  "rewards": "Rewards",
   "setup-scheduler": "Atur Penjadwal",
-  "show-history": "Tampilkan riwayat",
-  "wallet-balance": "Saldo Dompet",
   "share": {
+    "button-text": "PAMER & UNDANG",
+    "copied": "Tautan Tersalin!",
     "history-item-button": "Pamer & Undang",
+    "reward": "hadiah saya",
     "title": "Saya baru saja menambang tari",
-    "winner-pill": "Pemenang blok",
-    "copied": "Tautan Tersalin!",
-    "button-text": "PAMER & UNDANG",
-    "reward": "hadiah saya"
-  }
+    "winner-pill": "Pemenang blok"
+  },
+  "show-history": "Tampilkan riwayat",
+  "wallet-balance": "Saldo Dompet"
 }