chore: wip

Author: chrisbbreuer

storage/framework/defaults/components/Dashboard/Sidebar.vue

@@ -218,7 +218,7 @@ const sectionContent: Record<string, SectionContent> = {
   },
   commerce: {
     items: [
-      { to: '/commerce', icon: 'i-hugeicons-dashboard-speed-01', text: 'Dashboard' },
+      { to: '/commerce/dashboard', icon: 'i-hugeicons-dashboard-speed-01', text: 'Dashboard' },
       { to: '/commerce/customers', icon: 'i-hugeicons-user-account', text: 'Customers' },
       { to: '/commerce/orders', icon: 'i-hugeicons-search-list-01', text: 'Orders' },
       {

storage/framework/defaults/views/dashboard/commerce/categories/index.vue

@@ -374,10 +374,10 @@ const initialColors: Record<string, string> = {
                       </td>
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
-                          <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-edit-01 h-5 w-5"></div>
                           </button>
-                          <button type="button" class="text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300">
                             <div class="i-hugeicons-waste h-5 w-5"></div>
                           </button>
                         </div>

storage/framework/defaults/views/dashboard/commerce/customers/index.vue

@@ -360,10 +360,10 @@ function getStatusClass(status: string): string {
                       </td>
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
-                          <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-view h-5 w-5"></div>
                           </button>
-                          <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-edit-01 h-5 w-5"></div>
                           </button>
                         </div>

storage/framework/defaults/views/dashboard/commerce/index.vue renamed to storage/framework/defaults/views/dashboard/commerce/dashboard/index.vue

@@ -352,10 +352,10 @@ function addManufacturer(): void {
                       </td>
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
-                          <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-edit-01 h-5 w-5"></div>
                           </button>
-                          <button type="button" class="text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300">
                             <div class="i-hugeicons-waste h-5 w-5"></div>
                           </button>
                         </div>

storage/framework/defaults/views/dashboard/commerce/manufacturers/index.vue

@@ -340,10 +340,10 @@ function getStatusClass(status: string): string {
                       </td>
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
-                          <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-view h-5 w-5"></div>
                           </button>
-                          <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-edit-01 h-5 w-5"></div>
                           </button>
                         </div>

storage/framework/defaults/views/dashboard/commerce/orders/index.vue

@@ -877,15 +877,19 @@ function deleteReview(reviewId: number): void {
                   <div class="flex justify-end space-x-2">
                     <button
                       @click="openEditReviewModal(review)"
-                      class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300"
+                      type="button"
+                      class="text-gray-400 transition-colors duration-150 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300"
                     >
-                      Edit<span class="sr-only">, {{ review.customerName }}'s review</span>
+                      <div class="i-hugeicons-edit-01 h-5 w-5"></div>
+                      <span class="sr-only">Edit, {{ review.customerName }}'s review</span>
                     </button>
                     <button
                       @click="deleteReview(review.id)"
-                      class="text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300"
+                      type="button"
+                      class="text-gray-400 transition-colors duration-150 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300"
                     >
-                      Delete<span class="sr-only">, {{ review.customerName }}'s review</span>
+                      <div class="i-hugeicons-waste h-5 w-5"></div>
+                      <span class="sr-only">Delete, {{ review.customerName }}'s review</span>
                     </button>
                   </div>
                 </td>

storage/framework/defaults/views/dashboard/commerce/reviews/index.vue

@@ -342,10 +342,10 @@ function addUnit(): void {
                       </td>
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
-                          <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-edit-01 h-5 w-5"></div>
                           </button>
-                          <button type="button" class="text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300">
                             <div class="i-hugeicons-waste h-5 w-5"></div>
                           </button>
                         </div>

storage/framework/defaults/views/dashboard/commerce/units/index.vue

@@ -322,10 +322,10 @@ function addVariantType(): void {
                       </td>
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
-                          <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-edit-01 h-5 w-5"></div>
                           </button>
-                          <button type="button" class="text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300">
+                          <button type="button" class="text-gray-400 transition-colors duration-150 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300">
                             <div class="i-hugeicons-waste h-5 w-5"></div>
                           </button>
                         </div>

storage/framework/defaults/views/dashboard/commerce/variants/index.vue

@@ -38,10 +38,10 @@ declare module 'vue-router/auto-routes' {
     '/buddy/': RouteRecordInfo<'/buddy/', '/buddy', Record<never, never>, Record<never, never>>,
     '/cloud/': RouteRecordInfo<'/cloud/', '/cloud', Record<never, never>, Record<never, never>>,
     '/commands/': RouteRecordInfo<'/commands/', '/commands', Record<never, never>, Record<never, never>>,
-    '/commerce/': RouteRecordInfo<'/commerce/', '/commerce', Record<never, never>, Record<never, never>>,
     '/commerce/categories/': RouteRecordInfo<'/commerce/categories/', '/commerce/categories', Record<never, never>, Record<never, never>>,
     '/commerce/coupons/': RouteRecordInfo<'/commerce/coupons/', '/commerce/coupons', Record<never, never>, Record<never, never>>,
     '/commerce/customers/': RouteRecordInfo<'/commerce/customers/', '/commerce/customers', Record<never, never>, Record<never, never>>,
+    '/commerce/dashboard/': RouteRecordInfo<'/commerce/dashboard/', '/commerce/dashboard', Record<never, never>, Record<never, never>>,
     '/commerce/delivery/': RouteRecordInfo<'/commerce/delivery/', '/commerce/delivery', Record<never, never>, Record<never, never>>,
     '/commerce/delivery/delivery-routes': RouteRecordInfo<'/commerce/delivery/delivery-routes', '/commerce/delivery/delivery-routes', Record<never, never>, Record<never, never>>,
     '/commerce/delivery/digital-delivery': RouteRecordInfo<'/commerce/delivery/digital-delivery', '/commerce/delivery/digital-delivery', Record<never, never>, Record<never, never>>,