From 57b35b48498ca04fe70f46c96f94158ba133c113 Mon Sep 17 00:00:00 2001
From: "Harry (hjbdev)" <harry@hjb.dev>
Date: Mon, 7 Apr 2025 20:14:17 +0100
Subject: [PATCH] wip ui, hidden token on frontend

---
 app/Models/Provider.php                   | 1 +
 database/factories/ProviderFactory.php    | 2 +-
 resources/js/pages/organisations/Show.vue | 9 +++++++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/Models/Provider.php b/app/Models/Provider.php
index 01e0b00..2b9c386 100644
--- a/app/Models/Provider.php
+++ b/app/Models/Provider.php
@@ -15,6 +15,7 @@ class Provider extends Model
     use HasFactory;
 
     protected $guarded = [];
+    protected $hidden = ['token'];
 
     protected function casts(): array
     {
diff --git a/database/factories/ProviderFactory.php b/database/factories/ProviderFactory.php
index 9e5f6bd..1d490ce 100644
--- a/database/factories/ProviderFactory.php
+++ b/database/factories/ProviderFactory.php
@@ -23,7 +23,7 @@ class ProviderFactory extends Factory
             'type' => $this->faker->randomElement([
                 ProviderType::HETZNER,
             ]),
-            'token' => $this->faker->uuid(),
+            'token' => env('HETZNER_KEY') ?? $this->faker->uuid(),
         ];
     }
 
diff --git a/resources/js/pages/organisations/Show.vue b/resources/js/pages/organisations/Show.vue
index db8a13c..a1a0375 100644
--- a/resources/js/pages/organisations/Show.vue
+++ b/resources/js/pages/organisations/Show.vue
@@ -33,8 +33,13 @@ defineProps({
                             Loading...
                         </template>
                         <h3 class="text-2xl font-bold tracking-tight mt-4">Server Providers</h3>
-                        <p class="text-sm text-muted-foreground">Manage your server providers.</p>
-
+                        <p class="text-sm text-muted-foreground mb-4">Manage your server providers.</p>
+                        <div class="border border-muted-background divide-y divide-y-muted-background rounded-md">
+                            <div v-for="provider in providers" class="py-1 px-2 flex gap-2 items-center">
+                                {{ provider.name }}
+                                <span class="uppercase text-xs ml-auto text-muted-foreground">{{ provider.type }}</span>
+                            </div>
+                        </div>
                     </WhenVisible>
                 </TabsContent>
             </Tabs>