diff options
Diffstat (limited to 'src/lib/User')
| -rw-r--r-- | src/lib/User/BadgeWall/BadgePreview.svelte | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte index 7ba34843..f606cfc9 100644 --- a/src/lib/User/BadgeWall/BadgePreview.svelte +++ b/src/lib/User/BadgeWall/BadgePreview.svelte @@ -11,6 +11,8 @@ export let selectedBadge: Badge | undefined; export let onNext: () => void = () => {}; export let onPrevious: () => void = () => {}; + export let hasNext: boolean; + export let hasPrevious: boolean; let source = cdn(thumbnail(selectedBadge?.image || '')) || ''; let badgeReference: HTMLImageElement; @@ -195,6 +197,16 @@ <a href={`https://saucenao.com/search.php?url=${selectedBadge.image}`} target="_blank"> Search </a> + + <div class="badge-preview-seek"> + {#if hasPrevious} + <button on:click={onPrevious}>Previous</button> + {/if} + + {#if hasNext} + <button on:click={onNext} style="float: right;">Next</button> + {/if} + </div> </div> </div> {/if} @@ -226,4 +238,8 @@ flex-direction: column; } } + + .badge-preview-seek { + padding-top: 2rem; + } </style> |