Browse Source

feat(repo-details): combine duplicate headings

combine name and identifer into a single heading if they are identical
master
DanConwayDev 2 years ago
parent
commit
d87ac72080
No known key found for this signature in database
GPG Key ID: 68E15486D73F75E1
  1. 54
      src/lib/components/repo/RepoDetails.svelte

54
src/lib/components/repo/RepoDetails.svelte

@ -24,27 +24,41 @@
</script> </script>
<div class="prose w-full max-w-md"> <div class="prose w-full max-w-md">
{#if loading} {#if name == identifier}
<div class="skeleton my-3 h-5 w-20"></div> {#if loading}
<div class="skeleton my-2 h-4"></div> <div class="skeleton my-3 h-5 w-20"></div>
<div class="skeleton my-2 mb-3 h-4 w-2/3"></div> <div class="skeleton my-2 h-4"></div>
{:else if !name || name.length == 0} <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
<h4>name</h4> {:else if !name || name.length == 0}
<div>none</div> <h4>name / identifier</h4>
{:else} <div>none</div>
<h4>name</h4> {:else}
<p class="my-2 break-words text-sm">{name}</p> <h4>name / identifier</h4>
{/if} <p class="my-2 break-words text-sm">{name}</p>
{#if loading} {/if}
<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} {:else}
<h4>identifier</h4> {#if loading}
<p class="my-2 break-words text-sm">{identifier}</p> <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}
{#if loading} {#if loading}
<div class="skeleton my-3 h-5 w-20"></div> <div class="skeleton my-3 h-5 w-20"></div>

Loading…
Cancel
Save