fix country flags
This commit is contained in:
parent
09646acdae
commit
ee299274a1
@ -1,5 +1,5 @@
|
||||
<script>
|
||||
import {createEventDispatcher} from 'svelte';
|
||||
import { createEventDispatcher } from 'svelte';
|
||||
|
||||
const dispatch = createEventDispatcher();
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
</script>
|
||||
|
||||
{#if country && country.length}
|
||||
<img src={`https://scoresaber.com/imports/images/flags/${country ? country.toLowerCase() : '' }.png`} loading="lazy"
|
||||
<img src={`https://flagcdn.com/16x12/${country ? country.toLowerCase() : '' }.png`} loading="lazy"
|
||||
class="country"
|
||||
on:click|preventDefault={() => dispatch('flag-click', {country: country.toLowerCase()})}>
|
||||
{/if}
|
||||
|
@ -1,15 +1,14 @@
|
||||
<script>
|
||||
import {navigate} from 'svelte-routing'
|
||||
import {SS_HOST} from '../../network/queues/scoresaber/page-queue'
|
||||
import {PLAYERS_PER_PAGE} from '../../utils/scoresaber/consts'
|
||||
import {convertArrayToObjectByKey, opt} from '../../utils/js'
|
||||
import { navigate } from 'svelte-routing';
|
||||
import { convertArrayToObjectByKey, opt } from '../../utils/js';
|
||||
import { PLAYERS_PER_PAGE } from '../../utils/scoresaber/consts';
|
||||
|
||||
import Value from '../Common/Value.svelte'
|
||||
import Status from './Status.svelte'
|
||||
import Skeleton from '../Common/Skeleton.svelte'
|
||||
import Error from '../Common/Error.svelte'
|
||||
import Badge from '../Common/Badge.svelte'
|
||||
import {addToDate, DAY, formatDateRelative} from '../../utils/date'
|
||||
import { addToDate, DAY, formatDateRelative } from '../../utils/date';
|
||||
import Badge from '../Common/Badge.svelte';
|
||||
import Error from '../Common/Error.svelte';
|
||||
import Skeleton from '../Common/Skeleton.svelte';
|
||||
import Value from '../Common/Value.svelte';
|
||||
import Status from './Status.svelte';
|
||||
|
||||
export let name;
|
||||
export let playerInfo;
|
||||
@ -97,7 +96,7 @@
|
||||
<a href={getCountryRankingUrl(country)} on:click|preventDefault={() => navigateToCountryRanking(country)}
|
||||
title="Go to country ranking" class="clickable">
|
||||
<img
|
||||
src={`${SS_HOST}/imports/images/flags/${country && country.country && country.country.toLowerCase ? country.country.toLowerCase() : ''}.png`}
|
||||
src={`https://flagcdn.com/16x12/${country && country.country && country.country.toLowerCase ? country.country.toLowerCase() : ''}.png`}
|
||||
alt={opt(country, 'country')}
|
||||
/>
|
||||
|
||||
|
@ -1,8 +1,7 @@
|
||||
<script>
|
||||
import {tweened} from 'svelte/motion';
|
||||
import {cubicOut} from 'svelte/easing';
|
||||
import Value from '../Common/Value.svelte'
|
||||
import {SS_HOST} from '../../network/queues/scoresaber/page-queue'
|
||||
import { cubicOut } from 'svelte/easing';
|
||||
import { tweened } from 'svelte/motion';
|
||||
import Value from '../Common/Value.svelte';
|
||||
|
||||
export let rank;
|
||||
export let country;
|
||||
@ -37,7 +36,7 @@
|
||||
|
||||
{#if country}
|
||||
<span class="val" style="display:{inline ? 'inline' : 'block'};">
|
||||
<img src={`${SS_HOST}/imports/images/flags/${country}.png`} alt=""/>
|
||||
<img src={`https://flagcdn.com/16x12/${country}.png`} alt=""/>
|
||||
<span class="value"
|
||||
title={!showCountryTotal && country && $currentCountryRank && countryRankTotal ? `#${$currentCountryRank} / ${countryRankTotal}` : ''}>
|
||||
<Value value={$currentCountryRank} prefix="#" zero="-" digits={0}/>
|
||||
|
Reference in New Issue
Block a user