ekzguille/stopify

List your top songs and more!

🇬🇧 Hi! Welcome to my profile 👋🏻 ┃ 🇪🇸 ¡Hola! Bievenido a mi perfil 👋🏻

stopify's Issues

Cambiar flag provider de png a svg

Cambiar en UserInfo.vue - L33 de countryflags.io a lipis.github.io.

https://www.countryflags.io/${getUserInformation.country}/flat/64.png

<img
    class="usr-info-flag"
    :src="`https://www.countryflags.io/${getUserInformation.country}/flat/64.png`"
    :alt="getUserInformation.country">

https://lipis.github.io/flag-icon-css/flags/4x3/${getUserInformation.country.toLowerCase()}.svg

<img
    class="usr-info-flag"
    :src="`https://lipis.github.io/flag-icon-css/flags/4x3/${getUserInformation.country.toLowerCase()}.svg`"
    :alt="getUserInformation.country">

Changes on the architecture queries

Hacer en el loginRedirect la query al /me para obtener la info del usuario y así no hace falta que se haga la query en el /me porque el username se necesitará para las demás Querys (y guardarlo y recibirlo en el store vuex)

Use indexDB instead of LocalStorage

Make store async with indexDB.

Refactoring routes

Move all routes to an enumerator and avoid routes literals

Estandarizar nombres largos

Implementar una función similar que permita tener la mima longitud de nombres:

function fixLenght(str = '', _offset = 10) {
const _str = str.trim();
const strLength = _str.length;
  if (strLength > _offset) {
   const newStr = _str.slice(0,-3).trim();
   return newStr.padEnd(newStr.length + 3, '...');   
  }
return _str;
} 

Componente 'NoImage'

Ya que es posible que se reutilice en más lugares el svg de 'no image', moverlo a un componente a parte.

Manage Empty responses

Manage responses when they come empty, i.e. in the case the user has no saved tracks.

Loadmore playlists bug

When querying the 3rd set of 10 playlists (30 in total) and user has 30 playlist in total the button is still clickable.

"No artist" image styles

Mobile landscape

Add Landscape mobile support.

• Styling

Actualizar estilos

• Pantalla TOP
  • Ajustar la alineación de los botones (css grid quizá) para que quede más centrado.