TypedAvatar.vue colored background

src/App/Users/Models/UserSettings.php

@@ -3,6 +3,7 @@ namespace App\Users\Models;
 
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Support\Facades\Storage;
+use Illuminate\Support\Str;
 
 class UserSettings extends Model
 {
@@ -30,6 +31,15 @@ class UserSettings extends Model
             return url('/' . $this->attributes['avatar']);
         }
 
-        return url('/assets/images/default-avatar.png');
+        return null;
+    }
+
+    protected static function boot()
+    {
+        parent::boot();
+
+        static::creating(function ($user) {
+            $user->color = ['#9ad2bf', '#9ad2cd', '#d29a9a', '#d2ce9a', '#9aadd2', '#c59ad2'][rand(0, 4)];
+        });
     }
 }

src/Domain/Teams/Models/TeamFolderInvitation.php

@@ -38,8 +38,9 @@ class TeamFolderInvitation extends Model
     {
         parent::boot();
 
-        static::creating(function ($model) {
-            $model->id = Str::uuid();
+        static::creating(function ($invitation) {
+            $invitation->id = Str::uuid();
+            $invitation->color = config('vuefilemanager.colors')[rand(0, 4)];
         });
     }
 }

src/Domain/Teams/Resources/TeamInvitationResource.php

@@ -14,6 +14,7 @@ class TeamInvitationResource extends JsonResource
                 'type'       => 'invitation',
                 'attributes' => [
                     'email'      => $this->email,
+                    'color'      => $this->color,
                     'status'     => $this->status,
                     'permission' => $this->permission,
                 ],

src/Domain/Teams/Resources/TeamMemberResource.php

@@ -16,6 +16,7 @@ class TeamMemberResource extends JsonResource
                     'email'      => $this->email,
                     'name'       => $this->settings->name,
                     'avatar'     => $this->settings->avatar,
+                    'color'      => $this->settings->color,
                     'permission' => $this->pivot->permission,
                 ],
             ],