Fix links not working in some components

This commit is contained in:
Andrew Kingston 2021-05-06 17:21:29 +01:00
parent f6f2e3f63a
commit cc18b990e7
2 changed files with 4 additions and 3 deletions

View File

@ -1,7 +1,7 @@
<script> <script>
import { getContext } from "svelte" import { getContext } from "svelte"
const { styleable } = getContext("sdk") const { styleable, linkable } = getContext("sdk")
const component = getContext("component") const component = getContext("component")
export const className = "" export const className = ""
@ -41,6 +41,7 @@
<footer> <footer>
<p class="subtext">{subtext}</p> <p class="subtext">{subtext}</p>
<a <a
use:linkable
style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}" style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}"
href={linkUrl || "/"}>{linkText}</a href={linkUrl || "/"}>{linkText}</a
> >

View File

@ -1,7 +1,7 @@
<script> <script>
import { getContext } from "svelte" import { getContext } from "svelte"
const { styleable } = getContext("sdk") const { styleable, linkable } = getContext("sdk")
const component = getContext("component") const component = getContext("component")
export let imageUrl = "" export let imageUrl = ""
@ -13,7 +13,7 @@
</script> </script>
<div class="container" use:styleable={$component.styles}> <div class="container" use:styleable={$component.styles}>
<a href={destinationUrl}> <a use:linkable href={destinationUrl}>
<div class="stackedlist"> <div class="stackedlist">
{#if showImage} {#if showImage}
<div class="image-block"> <div class="image-block">