fix database media

Author: Kim-the-Diamond

database/migrations/2025_01_27_143443_create_media_table.php

@@ -17,13 +17,8 @@ public function up(): void
             $table->uuid()->nullable()->unique();
             $table->nullableMorphs('original_model');
             $table->string('collection_name');
-            $table->string('name');
             $table->string('file_name');
             $table->string('mime_type')->nullable();
-            $table->string('title')->nullable();
-            $table->text('description')->nullable();
-            $table->text('internal_note')->nullable();
-            $table->string('alt')->nullable();
             $table->boolean('write_protected')->default(false);
             $table->string('disk');
             $table->string('conversions_disk')->nullable();

database/migrations/2025_03_12_093353_change_media_table.php.php

@@ -0,0 +1,7 @@
+<span
+    class="fi-icon-btn relative flex h-8 w-8 items-center justify-center rounded-lg bg-gray-50 text-gray-500 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700"
+    title="{{ $locale }}">
+    <img src="https://flagcdn.com/24x18/{{ $countryCode }}.png"
+        srcset="https://flagcdn.com/48x36/{{ $countryCode }}.png 2x" width="24" height="18" alt="{{ $locale }}"
+        class="rounded-sm">
+</span>

packages/localization/resources/views/components/language-icon.blade.php

@@ -0,0 +1,29 @@
+@php
+    $flags = $getState(); // Example: More than 4 flags
+    $visibleFlags = array_slice($flags, 0, 3); // Show only the first 4
+    $remainingFlags = count($flags) - 4; // Count remaining flags
+@endphp
+<x-filament-forms::field-wrapper>
+
+    <div class="flex">
+        @foreach($visibleFlags as $index => $flag)
+            @if($flag == 'en')
+                <div class="relative" style="margin-left: -{{ $index * 4 }}px">
+                    <x-dynamic-component :component="'flag-gb'" class="w-6 h-6 rounded-full" />
+                </div>
+            @else
+                <div class="relative" style="margin-left: -{{ $index * 4 }}px">
+                    <x-dynamic-component :component="'flag-' . $flag" class="w-6 h-6 rounded-full" />
+                </div>
+            @endif
+        @endforeach
+
+        @if($remainingFlags > 0)
+            <div class="relative" style="margin-left: -4px">
+                <div class="w-6 h-6 flex items-center justify-center text-sm font-bold text-black rounded-full">
+                    +{{ $remainingFlags }}
+                </div>
+            </div>
+        @endif
+    </div>
+</x-filament-forms::field-wrapper>

packages/localization/resources/views/filament/tables/columns/translations.blade.php

@@ -8,13 +8,16 @@
 
 class TranslationColumn extends TextColumn
 {
+    protected string $view = 'localization::filament.tables.columns.translations';
+
     protected function setUp(): void
     {
         parent::setUp();
-
+        
         $this->label(__('localization::fields.language'))
             ->sortable()
             ->toggleable()
+            ->alignCenter()
             ->searchable();
     }
 }