fix: social button URL casing issue

This commit is contained in:
Ushie 2023-08-20 16:19:45 +03:00
parent e0db94b2c3
commit d0b3c5ca6b
No known key found for this signature in database
GPG Key ID: B3AAD18842E34632
2 changed files with 10 additions and 6 deletions

View File

@ -1,10 +1,14 @@
<script lang="ts">
import type {Social} from '$lib/types';
import type { Social } from '$lib/types';
export let social = '';
export let data: Social[];
</script>
<a href={data.find(jsonSocial => jsonSocial.name === social)?.url} rel="noreferrer" target="_blank">
<a
href={data.find((jsonSocial) => jsonSocial.name.toLowerCase() === social.toLowerCase())?.url}
rel="noreferrer"
target="_blank"
>
<div>
<img src="socials/{social}.svg" alt={social} />
</div>

View File

@ -10,10 +10,10 @@
<div class="social-host">
<Query {query} let:data>
{#if data}
<SocialButton social="github" data={data.socials}/>
<SocialButton social="discord" data={data.socials}/>
<SocialButton social="reddit" data={data.socials}/>
<SocialButton social="telegram" data={data.socials}/>
<SocialButton social="github" data={data.socials} />
<SocialButton social="discord" data={data.socials} />
<SocialButton social="reddit" data={data.socials} />
<SocialButton social="telegram" data={data.socials} />
{/if}
</Query>
</div>