fix(#76): rotate back preview image

resources/views/livewire/device-dashboard.blade.php

@@ -95,7 +95,11 @@ new class extends Component {
                                 </flux:callout>
                             @elseif($current_image_path)
                                 <flux:separator class="mt-2 mb-4"/>
-                                <img src="{{ asset($current_image_path) }}" class="max-h-[480px]" alt="Current Image"/>
+                                <div class="flex justify-center">
+                                    <div class="relative origin-center -rotate-[{{ $device->rotate ?? 0 }}deg]">
+                                        <img src="{{ asset($current_image_path) }}" class="max-h-[480px]" alt="Current Image"/>
+                                    </div>
+                                </div>
                             @endif
                         </div>
                     </div>

resources/views/livewire/devices/configure.blade.php

@@ -455,7 +455,11 @@ new class extends Component {
                 @if(!$device->mirror_device_id)
                     @if($current_image_path)
                         <flux:separator class="mt-6 mb-6" text="Screen"/>
-                        <img src="{{ asset($current_image_path) }}" class="max-h-[480px]" alt="Next Image"/>
+                        <div class="flex justify-center">
+                            <div class="relative origin-center -rotate-[{{ $device->rotate ?? 0 }}deg]">
+                                <img src="{{ asset($current_image_path) }}" class="max-h-[480px]" alt="Next Image"/>
+                            </div>
+                        </div>
                     @endif
 
                     <flux:separator class="mt-6 mb-6" text="Playlists"/>

tests/Feature/Devices/DeviceRotationTest.php

@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+use App\Models\{Device, User};
+use Illuminate\Foundation\Testing\RefreshDatabase;
+
+uses(RefreshDatabase::class);
+
+test('dashboard shows device image with correct rotation', function () {
+    $user = User::factory()->create();
+    $device = Device::factory()->create([
+        'user_id' => $user->id,
+        'rotate' => 90,
+        'current_screen_image' => 'test-image-uuid',
+    ]);
+
+    // Mock the file existence check
+    \Illuminate\Support\Facades\Storage::fake('public');
+    \Illuminate\Support\Facades\Storage::disk('public')->put('images/generated/test-image-uuid.png', 'fake-image-content');
+
+    $response = $this->actingAs($user)
+        ->get(route('dashboard'));
+
+    $response->assertSuccessful();
+    $response->assertSee('-rotate-[90deg]');
+    $response->assertSee('origin-center');
+});
+
+test('device configure page shows device image with correct rotation', function () {
+    $user = User::factory()->create();
+    $device = Device::factory()->create([
+        'user_id' => $user->id,
+        'rotate' => 90,
+        'current_screen_image' => 'test-image-uuid',
+    ]);
+
+    // Mock the file existence check
+    \Illuminate\Support\Facades\Storage::fake('public');
+    \Illuminate\Support\Facades\Storage::disk('public')->put('images/generated/test-image-uuid.png', 'fake-image-content');
+
+    $response = $this->actingAs($user)
+        ->get(route('devices.configure', $device));
+
+    $response->assertSuccessful();
+    $response->assertSee('-rotate-[90deg]');
+    $response->assertSee('origin-center');
+});
+
+test('device with no rotation shows no transform style', function () {
+    $user = User::factory()->create();
+    $device = Device::factory()->create([
+        'user_id' => $user->id,
+        'rotate' => 0,
+        'current_screen_image' => 'test-image-uuid',
+    ]);
+
+    // Mock the file existence check
+    \Illuminate\Support\Facades\Storage::fake('public');
+    \Illuminate\Support\Facades\Storage::disk('public')->put('images/generated/test-image-uuid.png', 'fake-image-content');
+
+    $response = $this->actingAs($user)
+        ->get(route('dashboard'));
+
+    $response->assertSuccessful();
+    $response->assertSee('-rotate-[0deg]');
+});
+
+test('device with null rotation defaults to 0', function () {
+    $user = User::factory()->create();
+    $device = Device::factory()->create([
+        'user_id' => $user->id,
+        'rotate' => null,
+        'current_screen_image' => 'test-image-uuid',
+    ]);
+
+    // Mock the file existence check
+    \Illuminate\Support\Facades\Storage::fake('public');
+    \Illuminate\Support\Facades\Storage::disk('public')->put('images/generated/test-image-uuid.png', 'fake-image-content');
+
+    $response = $this->actingAs($user)
+        ->get(route('dashboard'));
+
+    $response->assertSuccessful();
+    $response->assertSee('-rotate-[0deg]');
+});