From 50eb883bd634f8f2e81ab89ffdcecc21e2cb487b Mon Sep 17 00:00:00 2001
From: "Ronald A. Richardson" <me@ron.dev>
Date: Tue, 6 Aug 2024 13:13:13 +0800
Subject: [PATCH] minor ui tweak to extension details modal

---
 addon/components/modals/extension-details.hbs | 25 ++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/addon/components/modals/extension-details.hbs b/addon/components/modals/extension-details.hbs
index 15d2a9c..6960473 100644
--- a/addon/components/modals/extension-details.hbs
+++ b/addon/components/modals/extension-details.hbs
@@ -41,25 +41,29 @@
                     <div class="space-y-2">
                         <div>
                             <div class="text-sm font-semibold dark:text-gray-100">{{t "registry-bridge.component.extension-details-modal.version"}}</div>
-                            <div class="text-sm dark:text-gray-200">{{this.extension.current_bundle_version}}</div>
+                            <div class="text-sm dark:text-gray-200">{{n-a this.extension.current_bundle_version}}</div>
                         </div>
                         <div>
                             <div class="text-sm font-semibold dark:text-gray-100">{{t "registry-bridge.component.extension-details-modal.updated"}}</div>
-                            <div class="text-sm dark:text-gray-200">{{this.extension.updatedAt}}</div>
+                            <div class="text-sm dark:text-gray-200">{{n-a this.extension.updatedAt}}</div>
                         </div>
                     </div>
                     <div class="space-y-2">
                         <div>
                             <div class="text-sm font-semibold dark:text-gray-100">{{t "registry-bridge.component.extension-details-modal.author"}}</div>
-                            <div class="text-sm dark:text-gray-200">{{this.extension.publisher_name}}</div>
+                            <div class="text-sm dark:text-gray-200">{{n-a this.extension.publisher_name}}</div>
                         </div>
                         <div>
                             <div class="text-sm font-semibold dark:text-gray-100">{{t "registry-bridge.component.extension-details-modal.website"}}</div>
-                            <a
-                                class="text-sm text-blue-400 hover:text-blue-300"
-                                href={{this.extension.website_url}}
-                                target={{dasherize (concat this.extension.name "-website")}}
-                            >{{this.extension.website_url}}</a>
+                            {{#if this.extension.website_url}}
+                                <a
+                                    class="text-sm text-blue-400 hover:text-blue-300"
+                                    href={{this.extension.website_url}}
+                                    target={{dasherize (concat this.extension.name "-website")}}
+                                >{{this.extension.website_url}}</a>
+                            {{else}}
+                                <div class="text-sm dark:text-gray-200">-</div>
+                            {{/if}}
                         </div>
                     </div>
                     <div class="space-y-2">
@@ -69,7 +73,10 @@
                                         "registry-bridge.component.extension-details-modal.self-managed"
                                     }}</Badge>
                                 {{#if @options.viewSelfManagesInstallInstructions}}
-                                    <a href="#" class="text-xs text-blue-400 hover:opacity-50" {{on "click" @options.viewSelfManagesInstallInstructions}}><FaIcon @icon="circle-info" class="mr-1" />How to install</a>
+                                    <a href="#" class="text-xs text-blue-400 hover:opacity-50" {{on "click" @options.viewSelfManagesInstallInstructions}}><FaIcon
+                                            @icon="circle-info"
+                                            class="mr-1"
+                                        />How to install</a>
                                 {{/if}}
                             </div>
                         {{/if}}