vocalcast/app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

lots of changes

Browse Source
This commit is contained in:
Omer Sabic
2024-03-12 20:14:29 +01:00
parent 40d2342211
commit 3b1e627356
10 changed files with 197 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/routes/+page.svelte
View File

@@ -4,7 +4,7 @@
import { Button } from '$lib/components/ui/button';
import Player from '$lib/components/organisms/player.svelte';
import { onMount } from 'svelte';
import { PlayIcon, Loader } from 'lucide-svelte';
import { PlayIcon, Loader, Plus, MailIcon } from 'lucide-svelte';
let script = "";
@@ -27,23 +27,26 @@
<Player script={script} on:close={() => opened=false} />
{/if}
<div>
<Label>Your Latest Podcast</Label>
<Button class="flex w-full flex-row justify-start rounded text-left" variant="secondary" on:click={() => opened = true}>
<div class="items-center justify-center rounded-lg p-2 pl-0">
<PlayIcon class="h-4 w-4" />
</div>
<div>
<h3 class="text-md">Your Daily Pod</h3>
<p class="text-sm text-muted-foreground">January 18th, 2024</p>
</div>
</Button>
<div class="flex gap-4 flex-col">
<Label>Your Latest Podcasts</Label>
{#each pods as pod}
<Button class="flex w-full flex-row justify-start rounded text-left" variant="secondary" on:click={() => opened = true}>
<div class="items-center justify-center rounded-lg p-2 pl-0">
<PlayIcon class="h-4 w-4" />
</div>
<div>
<h3 class="text-md">Your Daily Pod</h3>
<p class="text-sm text-muted-foreground">{new Date(pod.date_created).toLocaleDateString('de')}</p>
</div>
</Button>
{/each}
<Label>Your Newsletters</Label>
<div class="overflow-x-scroll scrollbars-hidden">
{#each pods as pod, i}
{#each pods as pod}
<Button class="mt-4 flex w-full flex-row justify-start rounded text-left" variant="secondary">
<div class="items-center justify-center rounded-lg p-2 pl-0">
<PlayIcon class="h-4 w-4" />
<MailIcon class="h-4 w-4" />
</div>
<div>
<h3 class="text-md">{pod.title}</h3>