finished the upgrade to filament 4. completely revamped the frontend with codex, now it looks great!

app/Filament/Resources/Images/ImageResource.php

@@ -1,38 +1,43 @@
 <?php
 
-namespace App\Filament\Resources;
+namespace App\Filament\Resources\Images;
 
-use App\Filament\Resources\ImageResource\Pages;
-use App\Filament\Resources\ImageResource\RelationManagers;
+use BackedEnum;
+use App\Filament\Resources\Images\Pages;
+use App\Filament\Resources\Images\RelationManagers;
 use App\Models\Image;
-use Filament\Forms;
-use Filament\Forms\Form;
+use Filament\Schemas;
+use Filament\Schemas\Schema;
 use Filament\Resources\Resource;
 use Filament\Tables;
 use Filament\Tables\Table;
-use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\SoftDeletingScope;
 use Filament\Forms\Components\TextInput;
 use Filament\Tables\Columns\TextColumn;
+use Filament\Tables\Columns\ImageColumn;
 use Filament\Forms\Components\FileUpload;
+use Filament\Forms\Components\Toggle;
+use Filament\Actions\BulkActionGroup;
+use Filament\Actions\CreateAction;
+use Filament\Actions\DeleteBulkAction;
+use Filament\Actions\EditAction;
 
 class ImageResource extends Resource
 {
     protected static ?string $model = Image::class;
 
-    protected static ?string $navigationIcon = 'heroicon-o-rectangle-stack';
+    protected static BackedEnum|string|null $navigationIcon = 'heroicon-o-rectangle-stack';
 
-    public static function form(Form $form): Form
+    public static function form(Schema $schema): Schema
     {
-        return $form
-            ->schema([
+        return $schema
+            ->components([
                 FileUpload::make('path')
-                    ->label(__('filament.resource.image.form.path'))
                     ->required()
                     ->image()
-                    ->directory('uploads'),
-                Forms\Components\Toggle::make('is_public')
-                    ->label(__('Publicly Visible'))
+                    ->directory('uploads')
+                    ->disk('public'),
+                Toggle::make('is_public')
                     ->default(false),
             ]);
     }
@@ -41,19 +46,23 @@ class ImageResource extends Resource
     {
         return $table
             ->columns([
-                TextColumn::make('path')->label(__('filament.resource.image.table.path'))->searchable()->sortable(),
-                Tables\Columns\ImageColumn::make('path')->label(__('filament.resource.image.table.image')),
+                TextColumn::make('path')->searchable()->sortable(),
+                ImageColumn::make('path')
+                    ->disk('public'),
             ])
             ->filters([
                 //
             ])
             ->actions([
-                Tables\Actions\EditAction::make(),
+                EditAction::make(),
             ])
             ->bulkActions([
-                Tables\Actions\BulkActionGroup::make([
-                    Tables\Actions\DeleteBulkAction::make(),
+                BulkActionGroup::make([
+                    DeleteBulkAction::make(),
                 ]),
+            ])
+            ->emptyStateActions([
+                CreateAction::make(),
             ]);
     }
     
@@ -71,4 +80,4 @@ class ImageResource extends Resource
             'edit' => Pages\EditImage::route('/{record}/edit'),
         ];
     }
-}
+}