From 94fd2a9a3cff8c926ce12046e01f481f15c02d76 Mon Sep 17 00:00:00 2001
From: Sam Light <samlight1994@gmail.com>
Date: Wed, 24 Sep 2025 00:12:43 +0100
Subject: Changed the wrapper component to use a method

---
 resources/views/components/dynamic-wrapper.blade.php |  9 +++++++++
 resources/views/table.blade.php                      | 12 ++++++------
 2 files changed, 15 insertions(+), 6 deletions(-)
 create mode 100644 resources/views/components/dynamic-wrapper.blade.php

(limited to 'resources/views')

diff --git a/resources/views/components/dynamic-wrapper.blade.php b/resources/views/components/dynamic-wrapper.blade.php
new file mode 100644
index 0000000..8593f3a
--- /dev/null
+++ b/resources/views/components/dynamic-wrapper.blade.php
@@ -0,0 +1,9 @@
+@use('Illuminate\View\ComponentAttributeBag')
+@props(['component'])
+@php
+$componentName = $component[0];
+$attributes = new ComponentAttributeBag($component[1] ?? []);
+@endphp
+<x-dynamic-component :component="$componentName" :$attributes>
+    {{ $slot }}
+</x-dynamic-component>
diff --git a/resources/views/table.blade.php b/resources/views/table.blade.php
index 741a27f..d4290a9 100644
--- a/resources/views/table.blade.php
+++ b/resources/views/table.blade.php
@@ -1,12 +1,12 @@
 <div @class($rootClass)>
 
-    <x-dynamic-component :component="$toolbarsWrapperComponent">
+    <x-laralight-tables::dynamic-wrapper :component="$this->wrapperComponent('toolbars')">
         @foreach($toolbars as $toolbar)
             {{ $toolbar?->render() }}
         @endforeach
-    </x-dynamic-component>
+    </x-laralight-tables::dynamic-wrapper>
 
-    <x-dynamic-component :component="$tableWrapperComponent">
+    <x-laralight-tables::dynamic-wrapper :component="$this->wrapperComponent('table')">
         <table @class($tableClass)>
             <colgroup>
                 @foreach($columns as $column)
@@ -45,9 +45,9 @@
                 @endforeach
             </tbody>
         </table>
-    </x-dynamic-component>
+    </x-laralight-tables::dynamic-wrapper>
 
-    <x-dynamic-component :component="$paginationWrapperComponent">
+    <x-laralight-tables::dynamic-wrapper :component="$this->wrapperComponent('pagination')">
         <div class="table-pagination d-flex justify-content-between align-items-center">
             {{ $data->links() }}
             <div>
@@ -56,6 +56,6 @@
 
             </div>
         </div>
-    </x-dynamic-component>
+    </x-laralight-tables::dynamic-wrapper>
 
 </div>
-- 
cgit v1.2.3