[Components/ProfileWidget]: Allow changing default icon when no image…

… is provided (#1290)
jeroennoten · Jul 2, 2024 · ef0dd26 · ef0dd26
1 parent 7a9fb21
commit ef0dd26
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/resources/views/components/widget/profile-widget.blade.php b/resources/views/components/widget/profile-widget.blade.php
@@ -9,11 +9,11 @@
                 <img class="img-circle elevation-2" src="{{ $img }}" alt="User avatar: {{ $name }}">
             @elseif($layoutType === 'modern')
                 <div class="img-circle elevation-2 d-flex bg-dark" style="width:90px;height:90px;">
-                    <i class="fas fa-3x fa-user text-silver m-auto"></i>
+                    <i class="fa-3x {{ $icon }} text-silver m-auto"></i>
                 </div>
             @elseif($layoutType === 'classic')
                 <div class="img-circle elevation-2 float-left d-flex bg-dark" style="width:65px;height:65px;">
-                    <i class="fas fa-2x fa-user text-silver m-auto"></i>
+                    <i class="fa-2x {{ $icon }} text-silver m-auto"></i>
                 </div>
             @endisset
         </div>

diff --git a/src/View/Components/Widget/ProfileWidget.php b/src/View/Components/Widget/ProfileWidget.php
@@ -28,6 +28,13 @@ class ProfileWidget extends Component
      */
     public $img;
 
+    /**
+     * The default icon that will be used when no image is provided.
+     *
+     * @var string
+     */
+    public $icon;
+
     /**
      * The profile header theme (light, dark, primary, secondary, info, success,
      * warning, danger or any other AdminLTE color like lighblue or teal).
@@ -73,11 +80,13 @@ class ProfileWidget extends Component
      */
     public function __construct(
         $name = null, $desc = null, $img = null, $theme = null, $cover = null,
-        $headerClass = null, $footerClass = null, $layoutType = 'modern'
+        $headerClass = null, $footerClass = null, $layoutType = 'modern',
+        $icon = 'fas fa-user'
     ) {
         $this->name = UtilsHelper::applyHtmlEntityDecoder($name);
         $this->desc = UtilsHelper::applyHtmlEntityDecoder($desc);
         $this->img = $img;
+        $this->icon = $icon;
         $this->theme = $theme;
         $this->cover = $cover;
         $this->headerClass = $headerClass;