ivabus/gui
1
0
Fork 0
mirror of https://github.com/ivabus/gui synced 2025-06-06 23:30:26 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

#97 make package detail link work

Browse source
This commit is contained in:
neil 2022-12-21 11:20:36 +08:00
parent e68a7a627a
commit 71c74a870f
2 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
modules/gui/src/components/CategorizedPackages/CategorizedPackages.svelte
View file

@ -17,13 +17,7 @@
<ul class="grid grid-cols-3 border border-r-0 border-gray bg-black">
{#each category.packages as pkg}
<div class="border border-t-0 border-l-0 border-gray p-4">
<MiniPackageCard
{pkg}
ctaLabel="DETAILS"
onClickCTA={async () => {
console.log('do something with:', pkg.full_name);
}}
/>
<MiniPackageCard {pkg} ctaLabel="DETAILS" link={`/packages/${pkg.slug}`} />
</div>
{/each}
</ul>

9
modules/ui/src/MiniPackageCard/MiniPackageCard.svelte
View file

@ -6,6 +6,7 @@
export let pkg: Package;
export let ctaLabel: string;
export let link = '';
export let onClickCTA = () => {
console.log('do nothing');
@ -37,7 +38,13 @@
>
</p>
</div>
<button class="h-6 w-full font-machina text-xs" on:click={onClickCTA}>{ctaLabel}</button>
{#if link}
<a href={link}>
<button class="h-6 w-full font-machina text-xs">{ctaLabel}</button>
</a>
{:else}
<button class="h-6 w-full font-machina text-xs" on:click={onClickCTA}>{ctaLabel}</button>
{/if}
</footer>
</section>