Separate ungrouped components on the status page (#102)

Author: jbrooksuk

resources/views/components/component-ungrouped.blade.php

@@ -0,0 +1,9 @@
+@props(['component' => null])
+
+<div class="overflow-hidden rounded-lg border shadow dark:border-zinc-700">
+    <div class="flex flex-col divide-y bg-white dark:bg-zinc-800">
+        <ul class="divide-y dark:divide-zinc-700">
+            <x-cachet::component :component="$component" />
+        </ul>
+    </div>
+</div>

resources/views/status-page/index.blade.php

@@ -10,9 +10,9 @@
         <x-cachet::component-group :component-group="$componentGroup"/>
         @endforeach
 
-        @if($ungroupedComponents->components->isNotEmpty())
-        <x-cachet::component-group :component-group="$ungroupedComponents"/>
-        @endif
+        @foreach($ungroupedComponents as $component)
+        <x-cachet::component-ungrouped :component="$component" />
+        @endforeach
 
         @if($schedules->isNotEmpty())
         <x-cachet::schedules :schedules="$schedules" />

src/Http/Controllers/StatusPage/StatusPageController.php

@@ -25,20 +25,12 @@ public function index(): View
                 ->visible(auth()->check())
                 ->when(auth()->check(), fn (Builder $query) => $query->users(), fn ($query) => $query->guests())
                 ->get(),
-            'ungroupedComponents' => (new ComponentGroup([
-                'name' => __('Other Components'),
-                'collapsed' => ComponentGroupVisibilityEnum::expanded,
-                'visible' => ResourceVisibilityEnum::guest,
-            ]))
-                ->setRelation(
-                    'components',
-                    Component::query()
-                        ->enabled()
-                        ->whereNull('component_group_id')
-                        ->orderBy('order')
-                        ->withCount('incidents')
-                        ->get()
-                ),
+            'ungroupedComponents' => Component::query()
+                ->enabled()
+                ->whereNull('component_group_id')
+                ->orderBy('order')
+                ->withCount('incidents')
+                ->get(),
 
             'schedules' => Schedule::query()->inTheFuture()->orderBy('scheduled_at')->get(),
         ]);