feat: update big rank icons

This commit is contained in:
Valentin Kaelin 2023-08-29 14:09:42 +02:00
parent 3e626e8940
commit 8fac5cd58b
2 changed files with 3 additions and 13 deletions

View file

@ -9,7 +9,7 @@
> >
<div class="relative p-1 bg-blue-900 rounded-full w-11 h-11"> <div class="relative p-1 bg-blue-900 rounded-full w-11 h-11">
<div <div
class="h-full bg-center bg-cover" class="h-full bg-center bg-cover mt-2px"
:style="{backgroundImage: `url(${selectedLeague.rankImgLink})`}" :style="{backgroundImage: `url(${selectedLeague.rankImgLink})`}"
></div> ></div>
</div> </div>

View file

@ -2,8 +2,6 @@ import { createCDragonAssetUrl, secToTime, timeDifference } from '@/helpers/func
import { maps, gameModes } from '@/data/data.js' import { maps, gameModes } from '@/data/data.js'
import store from '@/store' import store from '@/store'
const leaguesNumbers = { 'I': 1, 'II': 2, 'III': 3, 'IV': 4 }
/** /**
* Get the url of the of the player primary rune * Get the url of the of the player primary rune
* @param {Object} perks : from the API * @param {Object} perks : from the API
@ -67,7 +65,7 @@ export function createBasicSummonerData(summonerBasic) {
if (Object.entries(summonerBasic.ranked).length === 0) { if (Object.entries(summonerBasic.ranked).length === 0) {
summonerBasic.ranked.soloQ = { summonerBasic.ranked.soloQ = {
fullRank: 'Unranked', fullRank: 'Unranked',
rankImgLink: 'https://res.cloudinary.com/kln/image/upload/v1571671133/ranks/unranked.png', rankImgLink: 'https://res.cloudinary.com/kln/image/upload/v1693310423/unranked.png',
leaguePoints: 0, leaguePoints: 0,
wins: 0, wins: 0,
losses: 0, losses: 0,
@ -109,15 +107,7 @@ export function createRecordsData(recordsDto) {
function getLeagueData(leagueData, leagueName) { function getLeagueData(leagueData, leagueName) {
if (!leagueData) return null if (!leagueData) return null
leagueData.rankImgLink = getRankImg(leagueData) leagueData.rankImgLink = `https://res.cloudinary.com/kln/image/upload/v1693310423/${leagueData.tier}.png`
leagueData.name = leagueName leagueData.name = leagueName
return leagueData return leagueData
} }
/**
* Return the link of the rank image
* @param leagueData : stats in soloQ of the player
*/
export function getRankImg(leagueData) {
return `https://res.cloudinary.com/kln/image/upload/v1571671133/ranks/${leagueData.tier}_${leaguesNumbers[leagueData.rank]}.png`
}