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
/* src/components/UserProfile.js */ | |
. | |
. | |
. | |
/* line 44 */ | |
const breakPoint = '600px'; |
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
/* src/index.js */ | |
. | |
. | |
. | |
/* line 10 - 32 */ | |
injectGlobal` | |
* { |
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
/* src/components/UserProfile.js */ | |
. | |
. | |
. | |
/* line 74 - 83 */ | |
const Value = styled.span` | |
font-size: ${getFontSize('tn')}; |
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
/* src/components/Loader.js */ | |
. | |
. | |
. | |
/* line 6 */ | |
const Loader = ({ className }) => (<div className={className}><Loading/></div>) |
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
/* src/components/Loader.js */ | |
/* line 1 - 39 */ | |
import React from 'react'; | |
import styled, { keyframes } from 'styled-components'; | |
import { getColor } from '../utils/theme' |
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
/* src/App.js */ | |
import styled, { ThemeProvider } from 'styled-components'; | |
. | |
. | |
. | |
import { getUsers } from './utils/apiCalls'; | |
import { invertTheme, getColor } from './utils/theme'; |
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
/* ./utilities/apiCalls.js */ | |
import 'isomorphic-unfetch'; | |
import { API_KEY } from './config'; | |
const BASE_URI = 'https://api.themoviedb.org/3/movie'; | |
const IMAGE_BASE_URI = 'https://image.tmdb.org/t/p'; | |
const fetchWithErrorHandling = async url => { |
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, { PureComponent } from 'react'; | |
class OfflineSupport extends PureComponent { | |
componentDidMount() { | |
if ('serviceWorker' in navigator) { | |
navigator.serviceWorker | |
.register('/sw.js') | |
.then(() => console.log('service worker registered.')) | |
.catch(err => console.dir(err)); | |
} |
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 withCSS = require('@zeit/next-css'); | |
const NextWorkboxPlugin = require('next-workbox-webpack-plugin'); | |
module.exports = withCSS({ | |
webpack(config, { isServer, buildId, dev }) { | |
const workboxOptions = { | |
clientsClaim: true, | |
skipWaiting: true, | |
globPatterns: ['.next/static/*', '.next/static/commons/*'], |