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"> <script lang="ts">
import type {Social} from '$lib/types'; import type { Social } from '$lib/types';
export let social = ''; export let social = '';
export let data: Social[]; export let data: Social[];
</script> </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> <div>
<img src="socials/{social}.svg" alt={social} /> <img src="socials/{social}.svg" alt={social} />
</div> </div>

View File

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