From bbbbfbe4785e5a6c730147e0628ee58154fa64dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=9D=E5=8D=9C?= <dev@saasshop.local>
Date: Tue, 17 Mar 2026 08:48:47 +0800
Subject: [PATCH] refactor(dashboard): reuse mini bar row component for
 subscription expiry bars

---
 resources/views/admin/dashboard.blade.php | 36 ++++++++++++++---------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/resources/views/admin/dashboard.blade.php b/resources/views/admin/dashboard.blade.php
index a96d079..5523ad3 100644
--- a/resources/views/admin/dashboard.blade.php
+++ b/resources/views/admin/dashboard.blade.php
@@ -483,21 +483,29 @@
             <div class="mt-10" data-role="dashboard-sub-expiry-bars">
                 <div class="muted muted-xs">占比（相对订阅总量 {{ $subTotal }}）</div>
 
-                <a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-sub-expiring-7d-row" href="{!! $subscriptionQuickLinks['expiring_7d'] !!}" aria-label="进入7天内到期订阅集合">
-                    <div class="adm-mini-bar-label">7天内到期</div>
-                    <div class="adm-mini-bar" data-role="dashboard-sub-expiring-7d-bar" title="{{ $subExpiring7d }} / {{ $subTotal }}（{{ $pctExpiring7d }}%）">
-                        <span class="adm-mini-bar-fill" style="width: {{ $pctExpiring7d }}%"></span>
-                    </div>
-                    <div class="adm-mini-bar-value">{{ $pctExpiring7d }}%（{{ $subExpiring7d }}）</div>
-                </a>
+                @include('admin.components.mini_bar_row', [
+                    'class' => 'mt-6',
+                    'rowRole' => 'dashboard-sub-expiring-7d-row',
+                    'barRole' => 'dashboard-sub-expiring-7d-bar',
+                    'href' => $subscriptionQuickLinks['expiring_7d'],
+                    'ariaLabel' => '进入7天内到期订阅集合',
+                    'label' => '7天内到期',
+                    'pct' => $pctExpiring7d,
+                    'title' => $subExpiring7d . ' / ' . $subTotal . '（' . $pctExpiring7d . '%）',
+                    'value' => $pctExpiring7d . '%（' . $subExpiring7d . '）',
+                ])
 
-                <a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-sub-expired-row" href="{!! $subscriptionQuickLinks['expired'] !!}" aria-label="进入已过期订阅集合">
-                    <div class="adm-mini-bar-label">已过期</div>
-                    <div class="adm-mini-bar" data-role="dashboard-sub-expired-bar" title="{{ $subExpired }} / {{ $subTotal }}（{{ $pctExpired }}%）">
-                        <span class="adm-mini-bar-fill" style="width: {{ $pctExpired }}%"></span>
-                    </div>
-                    <div class="adm-mini-bar-value">{{ $pctExpired }}%（{{ $subExpired }}）</div>
-                </a>
+                @include('admin.components.mini_bar_row', [
+                    'class' => 'mt-6',
+                    'rowRole' => 'dashboard-sub-expired-row',
+                    'barRole' => 'dashboard-sub-expired-bar',
+                    'href' => $subscriptionQuickLinks['expired'],
+                    'ariaLabel' => '进入已过期订阅集合',
+                    'label' => '已过期',
+                    'pct' => $pctExpired,
+                    'title' => $subExpired . ' / ' . $subTotal . '（' . $pctExpired . '%）',
+                    'value' => $pctExpired . '%（' . $subExpired . '）',
+                ])
             </div>
         </div>