From d87ac72080d8929cbcd819570de05e8fa51e5384 Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Sat, 9 Mar 2024 20:49:43 +0000
Subject: [PATCH] feat(repo-details): combine duplicate headings

combine name and identifer into a single heading if they are identical
---
 src/lib/components/repo/RepoDetails.svelte | 54 ++++++++++++++--------
 1 file changed, 34 insertions(+), 20 deletions(-)

diff --git a/src/lib/components/repo/RepoDetails.svelte b/src/lib/components/repo/RepoDetails.svelte
index d3bc44b..f624ba9 100644
--- a/src/lib/components/repo/RepoDetails.svelte
+++ b/src/lib/components/repo/RepoDetails.svelte
@@ -24,27 +24,41 @@
 </script>
 
 <div class="prose w-full max-w-md">
-  {#if loading}
-    <div class="skeleton my-3 h-5 w-20"></div>
-    <div class="skeleton my-2 h-4"></div>
-    <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
-  {:else if !name || name.length == 0}
-    <h4>name</h4>
-    <div>none</div>
-  {:else}
-    <h4>name</h4>
-    <p class="my-2 break-words text-sm">{name}</p>
-  {/if}
-  {#if loading}
-    <div class="skeleton my-3 h-5 w-20"></div>
-    <div class="skeleton my-2 h-4"></div>
-    <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
-  {:else if !identifier || identifier.length == 0}
-    <h4>identifier</h4>
-    <div>none</div>
+  {#if name == identifier}
+    {#if loading}
+      <div class="skeleton my-3 h-5 w-20"></div>
+      <div class="skeleton my-2 h-4"></div>
+      <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
+    {:else if !name || name.length == 0}
+      <h4>name / identifier</h4>
+      <div>none</div>
+    {:else}
+      <h4>name / identifier</h4>
+      <p class="my-2 break-words text-sm">{name}</p>
+    {/if}
   {:else}
-    <h4>identifier</h4>
-    <p class="my-2 break-words text-sm">{identifier}</p>
+    {#if loading}
+      <div class="skeleton my-3 h-5 w-20"></div>
+      <div class="skeleton my-2 h-4"></div>
+      <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
+    {:else if !name || name.length == 0}
+      <h4>name</h4>
+      <div>none</div>
+    {:else}
+      <h4>name</h4>
+      <p class="my-2 break-words text-sm">{name}</p>
+    {/if}
+    {#if loading}
+      <div class="skeleton my-3 h-5 w-20"></div>
+      <div class="skeleton my-2 h-4"></div>
+      <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
+    {:else if !identifier || identifier.length == 0}
+      <h4>identifier</h4>
+      <div>none</div>
+    {:else}
+      <h4>identifier</h4>
+      <p class="my-2 break-words text-sm">{identifier}</p>
+    {/if}
   {/if}
   {#if loading}
     <div class="skeleton my-3 h-5 w-20"></div>