feat: update currency tooltips when currency is changed

app/Http/Livewire/BlockTable.php

@@ -15,6 +15,9 @@ final class BlockTable extends Component
 {
     use HasPagination;
 
+    /** @phpstan-ignore-next-line */
+    protected $listeners = ['currencyChanged' => '$refresh'];
+
     public function render(): View
     {
         return view('livewire.block-table', [

app/Http/Livewire/BlockTransactionsTable.php

@@ -16,6 +16,9 @@ final class BlockTransactionsTable extends Component
 
     public string $blockId;
 
+    /** @phpstan-ignore-next-line */
+    protected $listeners = ['currencyChanged' => '$refresh'];
+
     public function mount(string $blockId): void
     {
         $this->blockId = $blockId;

app/Http/Livewire/LatestRecords.php

@@ -16,6 +16,9 @@ final class LatestRecords extends Component
     use ManagesLatestBlocks;
     use ManagesLatestTransactions;
 
+    /** @phpstan-ignore-next-line */
+    protected $listeners = ['currencyChanged' => 'currencyChanged'];
+
     public array $state = [
         'selected' => 'transactions',
         'type'     => 'all',
@@ -34,6 +37,15 @@ public function render(): View
         return $this->renderTransactions();
     }
 
+    public function currencyChanged(): void
+    {
+        if ($this->state['selected'] === 'blocks') {
+            $this->pollBlocks();
+        } else {
+            $this->pollTransactions();
+        }
+    }
+
     private function renderBlocks(): View
     {
         if (is_null($this->blocks)) {

app/Http/Livewire/TransactionTable.php

@@ -15,6 +15,9 @@ final class TransactionTable extends Component
 {
     use HasPagination;
 
+    /** @phpstan-ignore-next-line */
+    protected $listeners = ['currencyChanged' => '$refresh'];
+
     public array $state = [
         'type' => 'all',
     ];

app/Http/Livewire/WalletBalance.php

@@ -12,6 +12,11 @@
 
 final class WalletBalance extends Component
 {
+    /** @phpstan-ignore-next-line */
+    protected $listeners = [
+        'currencyChanged' => '$refresh',
+    ];
+
     public string $walletAddress;
 
     public function mount(Wallet $wallet): void

app/Http/Livewire/WalletTransactionTable.php

@@ -28,6 +28,7 @@ final class WalletTransactionTable extends Component
     /** @phpstan-ignore-next-line */
     protected $listeners = [
         'filterTransactionsByDirection',
+        'currencyChanged' => '$refresh',
     ];
 
     public function mount(string $address, bool $isCold, ?string $publicKey): void

app/Http/Livewire/WalletVoterTable.php

@@ -15,6 +15,9 @@ final class WalletVoterTable extends Component
 {
     use HasPagination;
 
+    /** @phpstan-ignore-next-line */
+    protected $listeners = ['currencyChanged' => '$refresh'];
+
     public string $publicKey;
 
     public string $username;

resources/views/components/tables/desktop/blocks.blade.php

@@ -14,7 +14,7 @@
     </thead>
     <tbody>
         @foreach($blocks as $block)
-            <x-ark-tables.row wire:key="block-{{ $block->id() }}">
+            <x-ark-tables.row wire:key="block-{{ $block->id() }}-{{ Settings::currency() }}">
                 <x-ark-tables.cell>
                     <x-tables.rows.desktop.block-id :model="$block" />
                 </x-ark-tables.cell>

resources/views/components/tables/desktop/transactions.blade.php

@@ -29,7 +29,7 @@
     </thead>
     <tbody>
         @foreach($transactions as $transaction)
-            <x-ark-tables.row wire:key="transaction-{{ $transaction->id() }}">
+            <x-ark-tables.row wire:key="transaction-{{ $transaction->id() }}-{{ Settings::currency() }}">
                 <x-ark-tables.cell>
                     <x-tables.rows.desktop.transaction-id :model="$transaction" />
                 </x-ark-tables.cell>

resources/views/components/tables/mobile/blocks.blade.php

@@ -1,6 +1,6 @@
 <div class="divide-y table-list-mobile">
     @foreach ($blocks as $block)
-        <div class="table-list-mobile-row">
+        <div class="table-list-mobile-row" wire:key="mobile-block-{{ $block->id() }}-{{ Settings::currency() }}">
             <x-tables.rows.mobile.block-id :model="$block" />
 
             <x-tables.rows.mobile.timestamp :model="$block" />

resources/views/components/tables/mobile/transactions.blade.php

@@ -1,6 +1,6 @@
 <div class="divide-y table-list-mobile">
     @foreach ($transactions as $transaction)
-        <div class="table-list-mobile-row">
+        <div class="table-list-mobile-row" wire:key="mobile-transaction-{{ $transaction->id() }}-{{ Settings::currency() }}">
             <x-tables.rows.mobile.transaction-id :model="$transaction" />
 
             <x-tables.rows.mobile.timestamp :model="$transaction" />

resources/views/components/tables/rows/desktop/sender-with-direction.blade.php

@@ -1,4 +1,4 @@
-<div class="flex items-center space-x-4" wire:key="sender:{{ $model->id() }}">
+<div class="flex items-center space-x-4">
     <div class="flex justify-center items-center sender-direction-wrapper">
         <div class="flex">
             <div class="arrow-direction text-theme-secondary-900 border-theme-secondary-900 dark:text-theme-secondary-600 dark:border-theme-secondary-600">

tests/Feature/Http/Livewire/BlockTableTest.php

@@ -6,8 +6,12 @@
 use App\Http\Livewire\BlockTable;
 use App\Models\Block;
 use App\Models\Scopes\OrderByHeightScope;
+use App\Services\Cache\CryptoCompareCache;
 use App\Services\NumberFormatter;
+use App\Services\Settings;
 use App\ViewModels\ViewModelFactory;
+use Illuminate\Support\Facades\Config;
+use Illuminate\Support\Facades\Session;
 use Livewire\Livewire;
 use function Tests\configureExplorerDatabase;
 
@@ -28,3 +32,33 @@
         $component->assertSee(NumberFormatter::currency($block->fee(), Network::currency()));
     }
 });
+
+it('should update the records fiat tooltip when currency changed', function () {
+    Config::set('explorer.networks.development.canBeExchanged', true);
+
+    (new CryptoCompareCache())->setPrices('USD', collect([
+        '2020-10-19' => 24210,
+    ]));
+
+    (new CryptoCompareCache())->setPrices('BTC', collect([
+        '2020-10-19' => 0.1234567,
+    ]));
+
+    Block::factory()->create([
+        'total_amount' => 499 * 1e8,
+    ]);
+
+    $component = Livewire::test(BlockTable::class);
+
+    $component->assertSeeHtml('data-tippy-content="12,080,790 USD"');
+    $component->assertDontSeeHtml('data-tippy-content="61.6048933 BTC"');
+
+    $settings = Settings::all();
+    $settings['currency'] = 'BTC';
+    Session::put('settings', json_encode($settings));
+
+    $component->emit('currencyChanged', 'BTC');
+
+    $component->assertDontSeeHtml('data-tippy-content="12,080,790 USD"');
+    $component->assertSeeHtml('data-tippy-content="61.6048933 BTC"');
+});

tests/Feature/Http/Livewire/BlockTransactionsTableTest.php

@@ -6,9 +6,12 @@
 use App\Http\Livewire\BlockTransactionsTable;
 use App\Models\Block;
 use App\Models\Transaction;
+use App\Services\Cache\CryptoCompareCache;
 use App\Services\NumberFormatter;
-
+use App\Services\Settings;
 use App\ViewModels\ViewModelFactory;
+use Illuminate\Support\Facades\Config;
+use Illuminate\Support\Facades\Session;
 use Livewire\Livewire;
 
 it('should list the first transactions for the giving block id', function () {
@@ -26,3 +29,37 @@
         $component->assertSee(NumberFormatter::currency($transaction->fee(), Network::currency()));
     }
 });
+
+it('should update the records fiat tooltip when currency changed', function () {
+    Config::set('explorer.networks.development.canBeExchanged', true);
+
+    (new CryptoCompareCache())->setPrices('USD', collect([
+        '2020-10-19' => 24210,
+    ]));
+
+    (new CryptoCompareCache())->setPrices('BTC', collect([
+        '2020-10-19' => 0.1234567,
+    ]));
+
+    $block = Block::factory()->create();
+
+    Transaction::factory()->create([
+        'block_id'          => $block->id,
+        'timestamp'         => 112982056,
+        'amount'            => 499 * 1e8,
+    ]);
+
+    $component = Livewire::test(BlockTransactionsTable::class, ['blockId' => $block->id]);
+
+    $component->assertSeeHtml('data-tippy-content="12,080,790 USD"');
+    $component->assertDontSeeHtml('data-tippy-content="61.6048933 BTC"');
+
+    $settings = Settings::all();
+    $settings['currency'] = 'BTC';
+    Session::put('settings', json_encode($settings));
+
+    $component->emit('currencyChanged', 'BTC');
+
+    $component->assertDontSeeHtml('data-tippy-content="12,080,790 USD"');
+    $component->assertSeeHtml('data-tippy-content="61.6048933 BTC"');
+});

tests/Feature/Http/Livewire/LatestRecordsTest.php

@@ -142,3 +142,22 @@
         $component->assertSee($transaction->amount());
     }
 });
+
+it('should poll transactions when currency changed', function () {
+    $transaction = Transaction::factory()->create();
+
+    Livewire::test(LatestRecords::class)
+        ->assertDontSee($transaction->id)
+        ->emit('currencyChanged')
+        ->assertSee($transaction->id);
+});
+
+it('should poll blocks when currency changed', function () {
+    $block = Block::factory()->create();
+
+    Livewire::test(LatestRecords::class)
+        ->set('state.selected', 'blocks')
+        ->assertDontSee($block->id)
+        ->emit('currencyChanged')
+        ->assertSee($block->id);
+});

tests/Feature/Http/Livewire/TransactionTableTest.php

@@ -11,9 +11,12 @@
 use App\Models\Scopes\OrderByTimestampScope;
 use App\Models\Transaction;
 use App\Models\Wallet;
+use App\Services\Cache\CryptoCompareCache;
 use App\Services\NumberFormatter;
-
+use App\Services\Settings;
 use App\ViewModels\ViewModelFactory;
+use Illuminate\Support\Facades\Config;
+use Illuminate\Support\Facades\Session;
 use Livewire\Livewire;
 use Ramsey\Uuid\Uuid;
 use function Tests\configureExplorerDatabase;
@@ -122,3 +125,34 @@
         $component->assertSee(NumberFormatter::currency($transaction->amount(), Network::currency()));
     }
 });
+
+it('should update the records fiat tooltip when currency changed', function () {
+    Config::set('explorer.networks.development.canBeExchanged', true);
+
+    (new CryptoCompareCache())->setPrices('USD', collect([
+        '2020-10-19' => 24210,
+    ]));
+
+    (new CryptoCompareCache())->setPrices('BTC', collect([
+        '2020-10-19' => 0.1234567,
+    ]));
+
+    Transaction::factory()->create([
+        'timestamp'         => 112982056,
+        'amount'            => 499 * 1e8,
+    ]);
+
+    $component = Livewire::test(TransactionTable::class);
+
+    $component->assertSeeHtml('data-tippy-content="12,080,790 USD"');
+    $component->assertDontSeeHtml('data-tippy-content="61.6048933 BTC"');
+
+    $settings = Settings::all();
+    $settings['currency'] = 'BTC';
+    Session::put('settings', json_encode($settings));
+
+    $component->emit('currencyChanged', 'BTC');
+
+    $component->assertDontSeeHtml('data-tippy-content="12,080,790 USD"');
+    $component->assertSeeHtml('data-tippy-content="61.6048933 BTC"');
+});

tests/Feature/Http/Livewire/WalletBalanceTest.php

@@ -5,7 +5,9 @@
 use App\Http\Livewire\WalletBalance;
 use App\Models\Wallet;
 use App\Services\Cache\CryptoCompareCache;
+use App\Services\Settings;
 use Carbon\Carbon;
+use Illuminate\Support\Facades\Session;
 use Livewire\Livewire;
 
 it('should show the balance of the wallet', function () {
@@ -17,3 +19,23 @@
 
     Livewire::test(WalletBalance::class, ['wallet' => $wallet])->assertSee('0.01 USD');
 });
+
+it('updates the balance when currency changes', function () {
+    (new CryptoCompareCache())->setPrices('USD', collect([
+        Carbon::now()->format('Y-m-d') => 10,
+    ]));
+
+    (new CryptoCompareCache())->setPrices('BTC', collect([
+        Carbon::now()->format('Y-m-d') => 0.1234567,
+    ]));
+
+    $wallet = Wallet::factory()->create(['balance' => 125456]);
+
+    $component = Livewire::test(WalletBalance::class, ['wallet' => $wallet])->assertSee('0.01 USD');
+
+    $settings = Settings::all();
+    $settings['currency'] = 'BTC';
+    Session::put('settings', json_encode($settings));
+
+    $component->emit('currencyChanged', 'BTC')->assertSee('0.00015488 BTC');
+});

tests/Feature/Http/Livewire/WalletTransactionTableTest.php

@@ -9,8 +9,12 @@
 use App\Models\Block;
 use App\Models\Transaction;
 use App\Models\Wallet;
+use App\Services\Cache\CryptoCompareCache;
 use App\Services\NumberFormatter;
+use App\Services\Settings;
 use App\ViewModels\ViewModelFactory;
+use Illuminate\Support\Facades\Config;
+use Illuminate\Support\Facades\Session;
 use Livewire\Livewire;
 use Ramsey\Uuid\Uuid;
 use function Tests\configureExplorerDatabase;
@@ -290,3 +294,35 @@
     $component->assertSee($received->id);
     $component->assertSee($sent->id);
 });
+
+it('should update the records fiat tooltip when currency changed', function () {
+    Config::set('explorer.networks.development.canBeExchanged', true);
+
+    (new CryptoCompareCache())->setPrices('USD', collect([
+        '2020-10-19' => 24210,
+    ]));
+
+    (new CryptoCompareCache())->setPrices('BTC', collect([
+        '2020-10-19' => 0.1234567,
+    ]));
+
+    Transaction::factory()->create([
+        'sender_public_key' => $this->subject->public_key,
+        'timestamp'         => 112982056,
+        'amount'            => 499 * 1e8,
+    ]);
+
+    $component = Livewire::test(WalletTransactionTable::class, [$this->subject->address, false, $this->subject->public_key]);
+
+    $component->assertSeeHtml('data-tippy-content="12,080,790 USD"');
+    $component->assertDontSeeHtml('data-tippy-content="61.6048933 BTC"');
+
+    $settings = Settings::all();
+    $settings['currency'] = 'BTC';
+    Session::put('settings', json_encode($settings));
+
+    $component->emit('currencyChanged', 'BTC');
+
+    $component->assertDontSeeHtml('data-tippy-content="12,080,790 USD"');
+    $component->assertSeeHtml('data-tippy-content="61.6048933 BTC"');
+});