Merge pull request #1382 from jitendra-webkul/lead-index-page

Dashboard empty placeholders added

Author: benjpaddock

packages/Webkul/Admin/src/Resources/lang/en/app.php

@@ -1753,23 +1753,27 @@
             ],
 
             'revenue-by-sources' => [
-                'title' => 'Revenue By Sources',
+                'title'       => 'Revenue By Sources',
+                'empty-title' => 'No Data Available',
+                'empty-info'  => 'No data available for selected interval',
             ],
 
             'revenue-by-types' => [
-                'title' => 'Revenue By Types',
+                'title'       => 'Revenue By Types',
+                'empty-title' => 'No Data Available',
+                'empty-info'  => 'No data available for selected interval',
             ],
 
             'top-selling-products' => [
                 'title'       => 'Top Products',
                 'empty-title' => 'No Products Found',
-                'empty-info'  => 'No products found for reports',
+                'empty-info'  => 'No products available for selected interval',
             ],
 
             'top-persons' => [
                 'title'       => 'Top Persons',
                 'empty-title' => 'No Persons Found',
-                'empty-info'  => 'No persons found for reports',
+                'empty-info'  => 'No persons available for selected interval',
             ],
 
             'open-leads-by-states' => [

packages/Webkul/Admin/src/Resources/views/dashboard/index/revenue-by-sources.blade.php

@@ -24,7 +24,10 @@
                 </div>
 
                 <!-- Doughnut Chart -->
-                <div class="flex w-full max-w-full flex-col gap-4 p-8">
+                <div
+                    class="flex w-full max-w-full flex-col gap-4 p-8"
+                    v-if="report.statistics.length"
+                >
                     <x-admin::charts.doughnut
                         ::labels="chartLabels"
                         ::datasets="chartDatasets"
@@ -46,6 +49,31 @@ class="h-3.5 w-3.5 rounded-sm"
                         </div>
                     </div>
                 </div>
+
+                <!-- Empty Product Design -->
+                <div
+                    class="flex flex-col gap-8 p-4"
+                    v-else
+                >
+                    <div class="grid justify-center justify-items-center gap-3.5 py-2.5">
+                        <!-- Placeholder Image -->
+                        <img
+                            src="{{ admin_vite()->asset('images/empty-placeholders/default.svg') }}"
+                            class="h-20 w-20 dark:mix-blend-exclusion dark:invert"
+                        >
+
+                        <!-- Add Variants Information -->
+                        <div class="flex flex-col items-center">
+                            <p class="text-base font-semibold text-gray-400">
+                                @lang('admin::app.dashboard.index.revenue-by-sources.empty-title')
+                            </p>
+
+                            <p class="text-gray-400">
+                                @lang('admin::app.dashboard.index.revenue-by-sources.empty-info')
+                            </p>
+                        </div>
+                    </div>
+                </div>
             </div>
         </template>
     </script>

packages/Webkul/Admin/src/Resources/views/dashboard/index/revenue-by-types.blade.php

@@ -24,7 +24,10 @@
                 </div>
 
                 <!-- Doughnut Chart -->
-                <div class="flex w-full max-w-full flex-col gap-4 p-8">
+                <div
+                    class="flex w-full max-w-full flex-col gap-4 p-8"
+                    v-if="report.statistics.length"
+                >
                     <x-admin::charts.doughnut
                         ::labels="chartLabels"
                         ::datasets="chartDatasets"
@@ -46,6 +49,31 @@ class="h-3.5 w-3.5 rounded-sm"
                         </div>
                     </div>
                 </div>
+
+                <!-- Empty Product Design -->
+                <div
+                    class="flex flex-col gap-8 p-4"
+                    v-else
+                >
+                    <div class="grid justify-center justify-items-center gap-3.5 py-2.5">
+                        <!-- Placeholder Image -->
+                        <img
+                            src="{{ admin_vite()->asset('images/empty-placeholders/default.svg') }}"
+                            class="h-20 w-20 dark:mix-blend-exclusion dark:invert"
+                        >
+
+                        <!-- Add Variants Information -->
+                        <div class="flex flex-col items-center">
+                            <p class="text-base font-semibold text-gray-400">
+                                @lang('admin::app.dashboard.index.revenue-by-sources.empty-title')
+                            </p>
+
+                            <p class="text-gray-400">
+                                @lang('admin::app.dashboard.index.revenue-by-sources.empty-info')
+                            </p>
+                        </div>
+                    </div>
+                </div>
             </div>
         </template>
     </script>