- Rotas
- Atualizar o react-router-dom
- Isso nos ajudará a usufruir melhor das features, visto que atualmente nosso pacote está em uma versão bem antiga
- Criar um middleware de redirect
- Não temos um middleware que faz esse tipo de tratamento, hoje o usuário é redirecionado na própria página, o que é errado, isso deveria acontencer antes mesmo dele acessa-lá, isso gera um gasto de recursos(requests), exemplo: Existem duas páginas de meus pontos, mas o usuário independente se ele é PRO ou não, caso ele acesse /meus-pontos ele cai na página e só depois é redirecionado para /pro-meus-pontos.
- Atualizar o react-router-dom
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { useEffect, useState } from 'react'; | |
import { useDispatch, useStore } from 'react-redux'; | |
import { List } from 'components/list'; | |
import { Actions as SearchActions } from 'redux/modules/search'; | |
import './albums.scss'; | |
function AlbumsPage(props) { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// stylelint-disable declaration-no-important | |
// Flex variation | |
// | |
// Custom styles for additional flex alignment options. | |
@each $breakpoint in map-keys($grid-breakpoints) { | |
@include media-breakpoint-up($breakpoint) { | |
$infix: breakpoint-infix($breakpoint, $grid-breakpoints); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import '~styles/reset'; | |
@import '~styles/fonts.css'; | |
/* stylelint-disable selector-max-type */ | |
@-ms-viewport { | |
width: device-width; | |
} | |
@-o-viewport { | |
width: device-width; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const axios = require('axios'); | |
module.exports = class Cartola { | |
constructor(email, password) { | |
this.baseURL = ''; | |
} | |
auth(data, callback) { | |
const instance = axios.create({ | |
baseURL: 'https://login.globo.com/api', |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import "bower_components/susy/sass/susy"; | |
$columns: 12; | |
$susy:( | |
columns: $columns, | |
gutters: 1/5, | |
container: 960px, | |
); | |
.container { |
##Containers
###Navbar
- logo
- search
- ícone notificações
- foto com menu dropdown
###Player cover
- imagem do conteúdo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var gulp = require('gulp'); | |
var glob = require('glob'); | |
var args = require('yargs') | |
.default('production', false) | |
.alias('prod', 'production') | |
.argv; | |
glob.sync('gulp_tasks/*.js', { realpath: true }) | |
.forEach(function(file) { |
NewerOlder