Browse Source

feat(RepoSumamryCard): make author clearer

to avoid confusion such as:
nostr:note1eq0s2nncgv00pglrsc9psgxgd782mf3gq4mjw0g6tvhypfd99x8sntz2q3
master
DanConwayDev 2 years ago
parent
commit
130bc8a6fa
No known key found for this signature in database
GPG Key ID: 68E15486D73F75E1
  1. 28
      src/lib/components/RepoSummaryCard.svelte

28
src/lib/components/RepoSummaryCard.svelte

@ -1,6 +1,7 @@
<script lang="ts"> <script lang="ts">
import { summary_defaults } from './repo/type' import { summary_defaults } from './repo/type'
import UserHeader from './users/UserHeader.svelte' import UserHeader from './users/UserHeader.svelte'
import type { User } from './users/type'
export let { name, description, identifier, maintainers, naddr, loading } = export let { name, description, identifier, maintainers, naddr, loading } =
summary_defaults summary_defaults
@ -13,8 +14,16 @@
else if (identifier && identifier.length >= 0) short_name = identifier else if (identifier && identifier.length >= 0) short_name = identifier
else short_name = 'Untitled' else short_name = 'Untitled'
} }
let additional_maintainers: User[] = []
let author: User | undefined = undefined
$: short_descrption = $: short_descrption =
description.length > 50 ? description.slice(0, 45) + '...' : description description.length > 50 ? description.slice(0, 45) + '...' : description
$: {
additional_maintainers = (([_, ...xs]) => xs)(maintainers)
author = maintainers[0]
}
</script> </script>
<div <div
@ -33,13 +42,28 @@
{/if} {/if}
<div class="break-words text-right text-xs text-slate-400"> <div class="break-words text-right text-xs text-slate-400">
{#if author}
<div
class="inline"
class:p-1={additional_maintainers.length > 0}
class:rounded-md={additional_maintainers.length > 0}
class:bg-base-400={additional_maintainers.length > 0}
class:text-white={additional_maintainers.length > 0}
>
<UserHeader user={author} inline={true} size="xs" />
</div>
{#if additional_maintainers.length > 0}
<span>with</span>
<ul class="reposummarycard inline"> <ul class="reposummarycard inline">
{#each maintainers as user} {#each additional_maintainers as user}
<li class="inline"> <li class="inline">
<UserHeader {user} inline={true} size="xs" /> <UserHeader {user} inline={true} size="xs" />
</li> </li>
{/each} {/each}
</ul> </ul>
{/if}
{/if}
</div> </div>
{/if} {/if}
</div> </div>
@ -49,7 +73,7 @@
content: ', '; content: ', ';
} }
.reposummarycard li:last-child::before { .reposummarycard li:last-child::before {
content: ' or '; content: ' and ';
} }
.reposummarycard li:first-child::before { .reposummarycard li:first-child::before {
content: ''; content: '';

Loading…
Cancel
Save