🛠️ [v2.0] : Fixed issue #1823

packages/Webkul/Admin/src/Resources/views/components/shimmer/settings/web-forms/body.blade.php

@@ -0,0 +1,13 @@
+<div class="row grid grid-cols-3 items-center gap-2.5 border-b px-4 py-4 text-gray-600 dark:border-gray-800 dark:text-gray-300">
+    <div class="shimmer mb-0.5 h-6 w-6"></div>
+
+    <div class="shimmer h-[17px] w-[100px]"></div>
+
+    <div class="flex gap-2.5 place-self-end">
+        <div class="shimmer my-1 h-7 w-7 p-1.5"></div>
+
+        <div class="shimmer my-1 h-7 w-7 p-1.5"></div>
+
+        <div class="shimmer my-1 h-7 w-7 p-1.5"></div>
+    </div>
+</div>

packages/Webkul/Admin/src/Resources/views/components/shimmer/settings/web-forms/head.blade.php

@@ -0,0 +1,7 @@
+<div class="row grid grid-cols-3 items-center gap-2.5 border-b px-4 py-2.5 dark:border-gray-800">
+    <div class="shimmer h-[26px] w-6"></div>
+
+    <div class="shimmer h-[17px] w-[100px]"></div>
+
+    <div class="shimmer h-[17px] w-[100px] place-self-end"></div>
+</div>

packages/Webkul/Admin/src/Resources/views/components/shimmer/settings/web-forms/index.blade.php

@@ -0,0 +1,13 @@
+<div>
+    <x-admin::shimmer.datagrid.toolbar />
+
+    <div class="flex">
+        <div class="w-full">
+            <div class="table-responsive box-shadow grid w-full overflow-hidden rounded border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900">
+                <x-admin::shimmer.settings.web-forms.head />
+
+                <x-admin::shimmer.settings.web-forms.body />
+            </div>
+        </div>
+    </div>
+</div>

packages/Webkul/Admin/src/Resources/views/settings/web-forms/index.blade.php

@@ -33,7 +33,7 @@ class="primary-button"
             </div>
 
             <!-- DataGrid Shimmer -->
-            <x-admin::shimmer.datagrid />
+            <x-admin::shimmer.settings.web-forms />
         </div>
     </v-webform>
 
@@ -75,9 +75,38 @@ class="primary-button"
                 </div>
 
                 {!! view_render_event('admin.settings.web_forms.index.datagrid.before') !!}
-
-                <!-- DataGrid -->
-                <x-admin::datagrid :src="route('admin.settings.web_forms.index')" />
+
+                <!-- Datagrid -->
+                <x-admin::datagrid
+                    :src="route('admin.settings.web_forms.index')"
+                    ref="datagrid"
+                >
+                    <template #header="{
+                        isLoading,
+                        available,
+                        applied,
+                        selectAll,
+                        sort,
+                        performAction
+                    }">
+                        <template v-if="isLoading">
+                            <x-admin::shimmer.settings.web-forms.head />
+                        </template>
+                    </template>
+
+                    <template #body="{
+                        isLoading,
+                        available,
+                        applied,
+                        selectAll,
+                        sort,
+                        performAction
+                    }">
+                        <template v-if="isLoading">
+                            <x-admin::shimmer.settings.web-forms.body />
+                        </template>
+                    </template>
+                </x-admin::datagrid>
 
                 {!! view_render_event('admin.settings.web_forms.index.datagrid.after') !!}
             </div>

packages/Webkul/WebForm/src/DataGrids/WebFormDataGrid.php

@@ -41,7 +41,6 @@ public function prepareColumns(): void
             'label'      => trans('admin::app.settings.webforms.index.datagrid.title'),
             'type'       => 'string',
             'sortable'   => true,
-            'sortable'   => true,
             'searchable' => true,
             'filterable' => true,
         ]);

public/admin/build/manifest.json

@@ -220,7 +220,7 @@
     "src": "node_modules/vue-cal/dist/i18n/zh-hk.es.js"
   },
   "src/Resources/assets/css/app.css": {
-    "file": "assets/app-2ab2a07d.css",
+    "file": "assets/app-5f9d8841.css",
     "isEntry": true,
     "src": "src/Resources/assets/css/app.css"
   },