Merge pull request #3 from a7medKhalid/add-description

add description
lara-zeus · Jan 9, 2024 · 56c542c · 56c542c
2 parents 5f26c62 + 7ce88e5
commit 56c542c
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/resources/views/popover.blade.php b/resources/views/popover.blade.php
@@ -6,13 +6,27 @@
         $getOffset = $getOffset();
         $getPopOverMaxWidth = $getPopOverMaxWidth();
         $getIcon = $getIcon($getState);
+        $descriptionAbove = $getDescriptionAbove();
+        $descriptionBelow = $getDescriptionBelow();
+        $canWrap = $canWrap();
     @endphp
     <template x-ref="template">
         <div class="fi-popover-content">
             {{ $getContent() }}
         </div>
     </template>
 
+    @if (filled($descriptionAbove))
+        <p
+            @class([
+                'text-sm text-gray-500 dark:text-gray-400',
+                'whitespace-normal' => $canWrap,
+            ])
+        >
+            {{ $descriptionAbove }}
+        </p>
+    @endif
+
     <button
         class="w-full fi-popover-trigger cursor-pointer flex items-center gap-2"
         x-tooltip="{
@@ -37,4 +51,15 @@ class="h-5 w-5 text-gray-500 dark:text-gray-400"
             />
         @endif
     </button>
+
+    @if (filled($descriptionBelow))
+        <p
+            @class([
+                'text-sm text-gray-500 dark:text-gray-400',
+                'whitespace-normal' => $canWrap,
+            ])
+        >
+            {{ $descriptionBelow }}
+        </p>
+    @endif
 </div>
diff --git a/src/Tables/PopoverColumn.php b/src/Tables/PopoverColumn.php
@@ -4,12 +4,16 @@
 
 use Filament\Support\Concerns;
 use Filament\Tables\Columns\Column;
+use Filament\Tables\Columns\Concerns\CanWrap;
+use Filament\Tables\Columns\Concerns\HasDescription;
 use LaraZeus\Popover\Concerns\HasPopover;
 
 class PopoverColumn extends Column
 {
     use Concerns\HasIcon;
     use HasPopover;
+    use HasDescription;
+    use CanWrap;
 
     protected string $view = 'zeus-popover::popover';