Merge pull request #72 from dsbilling/add-logo-to-companies

Author: dsbilling

app/Filament/Resources/CompanyResource.php

@@ -6,6 +6,7 @@
 use App\Filament\Resources\CompanyResource\RelationManagers\CertificationsRelationManager;
 use App\Filament\Resources\CompanyResource\RelationManagers\CoursesRelationManager;
 use App\Models\Company;
+use Filament\Forms\Components\FileUpload;
 use Filament\Forms\Components\TextInput;
 use Filament\Forms\Form;
 use Filament\Resources\Resource;
@@ -26,6 +27,12 @@ public static function form(Form $form): Form
                     ->autofocus()
                     ->required()
                     ->placeholder(__('Name')),
+
+                FileUpload::make('logo')
+                    ->image()
+                    ->directory('companies')
+                    ->imageCropAspectRatio('1:1')
+                    ->preserveFilenames(),
             ]);
     }
 

app/Models/Company.php

@@ -12,11 +12,11 @@ class Company extends Model
     use HasFactory;
     use SoftDeletes;
 
-    protected $fillable = ['name'];
+    protected $fillable = [
+        'name',
+        'logo',
+    ];
 
-    /**
-     * Get the certifications for the company.
-     */
     public function certifications(): HasMany
     {
         return $this->hasMany(Certification::class);

database/migrations/2023_12_10_111018_add_logo_to_companies.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('companies', function (Blueprint $table) {
+            $table->string('logo')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('companies', function (Blueprint $table) {
+            $table->dropColumn('logo');
+        });
+    }
+};

public/build/assets/app.3cc7b30f.css public/build/assets/app.97c1f6e4.csspublic/build/assets/app.3cc7b30f.css renamed to public/build/assets/app.97c1f6e4.css

@@ -12,7 +12,7 @@
     "src": "resources/js/app.css"
   },
   "resources/css/app.css": {
-    "file": "assets/app.3cc7b30f.css",
+    "file": "assets/app.97c1f6e4.css",
     "src": "resources/css/app.css",
     "isEntry": true
   }

public/build/manifest.json

@@ -104,12 +104,12 @@ class="inline-flex items-center gap-2 justify-center rounded-md py-2 px-3 text-s
                     <ol class="mt-6 space-y-4">
                         @foreach($experiences as $experience)
                             <li class="flex gap-4">
-                                {{--<div class="relative mt-1 flex h-10 w-10 flex-none items-center justify-center rounded-full shadow-md shadow-slate-800/5 ring-1 ring-slate-900/5 dark:border dark:border-slate-700/50 dark:bg-slate-800 dark:ring-0">
-                                    <img alt="{{ $experience->company->name }}" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="h-7 w-7" style="color:transparent" src="">
-                                </div>--}}
+                                <div class="relative mt-1 flex h-10 w-10 flex-none items-center justify-center rounded-full shadow-md shadow-slate-800/5 ring-1 ring-slate-900/5 dark:border dark:border-slate-700/50 dark:bg-slate-800 dark:ring-0 overflow-clip">
+                                    <img alt="{{ $experience->company->name }}" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="h-10 w-10 text-transparent" src="{{ $experience->company->logo }}">
+                                </div>
                                 <dl class="flex flex-auto flex-wrap gap-x-2">
                                     <dt class="sr-only">Company</dt>
-                                    <dd class="w-full flex-none text-sm font-medium text-slate-900 dark:text-slate-100">
+                                    <dd class="w-full flex-none text-sm font-semibold text-slate-900 dark:text-slate-100">
                                         {{ $experience->company->name }}
                                     </dd>
                                     <dt class="sr-only">Role</dt>