From 0ebef3792da6ad74925639f1d1cd86a8e5e15b9e Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Thu, 21 Mar 2024 14:49:13 +0100
Subject: [PATCH] Refactor resource table layout in change.blade.php

---
 .../livewire/source/github/change.blade.php   | 92 ++++++++++---------
 1 file changed, 49 insertions(+), 43 deletions(-)

diff --git a/resources/views/livewire/source/github/change.blade.php b/resources/views/livewire/source/github/change.blade.php
index 477c49995..4d54d4d0a 100644
--- a/resources/views/livewire/source/github/change.blade.php
+++ b/resources/views/livewire/source/github/change.blade.php
@@ -93,57 +93,63 @@
                 </div>
             @endif
         </form>
-        <div class="w-full pt-10">
-            <div class="h-full">
-                <div class="flex flex-col">
-                    <div class="flex gap-2">
-                        <h2>Resources</h2>
-                    </div>
-                    <div class="pb-4 title">Here you can find all resources that are used by this source.</div>
-                </div>
-                <div class="flex flex-col">
+        @if (data_get($github_app, 'installation_id'))
+            <div class="w-full pt-10">
+                <div class="h-full">
                     <div class="flex flex-col">
-                        <div class="overflow-x-auto">
-                            <div class="inline-block min-w-full">
-                                <div class="overflow-hidden">
-                                    <table class="min-w-full divide-y divide-coolgray-400">
-                                        <thead>
-                                            <tr>
-                                                <th class="px-5 py-3 text-xs font-medium text-left uppercase">Project
-                                                </th>
-                                                <th class="px-5 py-3 text-xs font-medium text-left uppercase">
-                                                    Environment</th>
-                                                <th class="px-5 py-3 text-xs font-medium text-left uppercase">Name</th>
-                                                <th class="px-5 py-3 text-xs font-medium text-left uppercase">Type</th>
-                                            </tr>
-                                        </thead>
-                                        <tbody class="divide-y divide-coolgray-400">
-                                            @forelse ($applications->sortBy('name',SORT_NATURAL) as $resource)
-                                                <tr class="text-white bg-coolblack hover:bg-coolgray-100">
-                                                    <td class="px-5 py-4 text-sm whitespace-nowrap">
-                                                        {{ data_get($resource->project(), 'name') }}
-                                                    </td>
-                                                    <td class="px-5 py-4 text-sm whitespace-nowrap">
-                                                        {{ data_get($resource, 'environment.name') }}
-                                                    </td>
-                                                    <td class="px-5 py-4 text-sm whitespace-nowrap"><a class=""
-                                                            href="{{ $resource->link() }}">{{ $resource->name }}
-                                                            <x-internal-link /></a>
-                                                    </td>
-                                                    <td class="px-5 py-4 text-sm whitespace-nowrap">
-                                                        {{ str($resource->type())->headline() }}</td>
+                        <div class="flex gap-2">
+                            <h2>Resources</h2>
+                        </div>
+                        <div class="pb-4 title">Here you can find all resources that are used by this source.</div>
+                    </div>
+                    <div class="flex flex-col">
+                        <div class="flex flex-col">
+                            <div class="overflow-x-auto">
+                                <div class="inline-block min-w-full">
+                                    <div class="overflow-hidden">
+                                        <table class="min-w-full divide-y divide-coolgray-400">
+                                            <thead>
+                                                <tr>
+                                                    <th class="px-5 py-3 text-xs font-medium text-left uppercase">
+                                                        Project
+                                                    </th>
+                                                    <th class="px-5 py-3 text-xs font-medium text-left uppercase">
+                                                        Environment</th>
+                                                    <th class="px-5 py-3 text-xs font-medium text-left uppercase">Name
+                                                    </th>
+                                                    <th class="px-5 py-3 text-xs font-medium text-left uppercase">Type
+                                                    </th>
                                                 </tr>
-                                            @empty
-                                            @endforelse
-                                        </tbody>
-                                    </table>
+                                            </thead>
+                                            <tbody class="divide-y divide-coolgray-400">
+                                                @forelse ($applications->sortBy('name',SORT_NATURAL) as $resource)
+                                                    <tr class="text-white bg-coolblack hover:bg-coolgray-100">
+                                                        <td class="px-5 py-4 text-sm whitespace-nowrap">
+                                                            {{ data_get($resource->project(), 'name') }}
+                                                        </td>
+                                                        <td class="px-5 py-4 text-sm whitespace-nowrap">
+                                                            {{ data_get($resource, 'environment.name') }}
+                                                        </td>
+                                                        <td class="px-5 py-4 text-sm whitespace-nowrap"><a
+                                                                class=""
+                                                                href="{{ $resource->link() }}">{{ $resource->name }}
+                                                                <x-internal-link /></a>
+                                                        </td>
+                                                        <td class="px-5 py-4 text-sm whitespace-nowrap">
+                                                            {{ str($resource->type())->headline() }}</td>
+                                                    </tr>
+                                                @empty
+                                                @endforelse
+                                            </tbody>
+                                        </table>
+                                    </div>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
-        </div>
+        @endif
     @else
         <div class="flex items-center gap-2 pb-4">
             <h1>GitHub App</h1>