feat: Add links to TrackCard
This commit is contained in:
parent
33aee1875e
commit
10d0ab1030
3 changed files with 17 additions and 2 deletions
|
@ -1,4 +1,5 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
export let id: number;
|
||||||
export let title: string;
|
export let title: string;
|
||||||
export let version: number;
|
export let version: number;
|
||||||
export let producerUsername: string;
|
export let producerUsername: string;
|
||||||
|
@ -19,8 +20,15 @@
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<hgroup>
|
<hgroup>
|
||||||
<h2>{title} <sup>(v{version})</sup></h2>
|
<h2>
|
||||||
<h3>by {producerUsername}</h3>
|
<a href="/track/{id}" class="contrast track-title">
|
||||||
|
{title} <sup>(v{version})</sup>
|
||||||
|
</a>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<h3>
|
||||||
|
by <a href="/user/{producerUsername}" class="secondary">{producerUsername}</a>
|
||||||
|
</h3>
|
||||||
</hgroup>
|
</hgroup>
|
||||||
|
|
||||||
This is a track card.
|
This is a track card.
|
||||||
|
@ -52,6 +60,10 @@
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
.track-title {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
.comment-headline {
|
.comment-headline {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
|
@ -11,6 +11,7 @@ export class DatabasePrisma implements Database {
|
||||||
listTracksForTrackCard = async (producerId: string) => {
|
listTracksForTrackCard = async (producerId: string) => {
|
||||||
const tracks = await this.client.track.findMany({
|
const tracks = await this.client.track.findMany({
|
||||||
select: {
|
select: {
|
||||||
|
id: true,
|
||||||
title: true,
|
title: true,
|
||||||
producer: {
|
producer: {
|
||||||
select: {
|
select: {
|
||||||
|
@ -45,6 +46,7 @@ export class DatabasePrisma implements Database {
|
||||||
|
|
||||||
const res = tracks.map((track) => {
|
const res = tracks.map((track) => {
|
||||||
return {
|
return {
|
||||||
|
id: track.id,
|
||||||
title: track.title,
|
title: track.title,
|
||||||
version: track._count.versions,
|
version: track._count.versions,
|
||||||
producer: track.producer.username,
|
producer: track.producer.username,
|
||||||
|
|
|
@ -16,6 +16,7 @@
|
||||||
|
|
||||||
{#each data.tracks as track}
|
{#each data.tracks as track}
|
||||||
<TrackCard
|
<TrackCard
|
||||||
|
id={track.id}
|
||||||
title={track.title}
|
title={track.title}
|
||||||
version={track.version}
|
version={track.version}
|
||||||
producerUsername={track.producer}
|
producerUsername={track.producer}
|
||||||
|
|
Loading…
Reference in a new issue