Move all css imports into _app.js

https://nextjs.org/docs/basic-features/built-in-css-support

js/components/EditableStringList.js

@@ -3,8 +3,6 @@ import {
     Alert, Button, Card, CardBody, CardTitle, Input, InputGroup, InputGroupAddon
 } from 'reactstrap';
 
-import '../../static/css/editablestringlist.css';
-
 export default class EditableStringList extends React.Component {
     constructor(props) {
         super(props);

js/components/ErrorComponents.js

@@ -7,9 +7,6 @@ import {Footer} from './Footer';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 
-import '../../static/css/everypage.css';
-import '../../static/css/error.css';
-
 export class ErrorPageComponent extends React.Component {
     static getInitialProps({statusCode}) {
         return {statusCode};

js/components/Login.js

@@ -5,7 +5,6 @@ import Router from 'next/router';
 
 import {login} from '../api';
 
-import '../../static/css/errormessages.css';
 import {notify} from 'react-notify-toast';
 
 export function Login(props) {

js/components/NumericInput.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import {Button, InputGroup, InputGroupAddon, Input} from 'reactstrap';
-import '../../static/css/numericinput.css';
 
 export default class NumericInput extends React.Component {
     render() {

next.config.js

@@ -1,6 +1,3 @@
-
-const withCSS = require('@zeit/next-css');
-module.exports = withCSS();
 module.exports.publicRuntimeConfig = {
     api_url: process.env.TURNIERE_API_URL
 };

pages/_app.js

@@ -7,6 +7,15 @@ import Favicon from 'react-favicon';
 import withReduxStore from '../js/redux/reduxStoreBinder';
 import {verifyCredentials} from '../js/api.js';
 
+import '../public/static/css/errormessages.css';
+import '../public/static/css/editablestringlist.css';
+import '../public/static/css/everypage.css';
+import '../public/static/css/error.css';
+import '../public/static/css/numericinput.css';
+import '../public/static/css/index.css';
+import '../public/static/css/profile.css';
+import '../public/static/css/tournament.css';
+
 class TurniereApp extends App {
     componentDidMount() {
         verifyCredentials();

pages/create.js

@@ -23,7 +23,6 @@ import {createTournament} from '../js/api';
 import {WarningPopup} from '../js/components/WarningPopup';
 import Router from 'next/router';
 
-import '../static/css/everypage.css';
 import RequireLogin from '../js/components/RequireLogin';
 import NumericInput from '../js/components/NumericInput';
 

pages/faq.js

@@ -8,8 +8,6 @@ import {Footer} from '../js/components/Footer';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 
-import '../static/css/everypage.css';
-
 function Main() {
     return (<div className="main">
         <Container className="pb-5">

pages/imprint.js

@@ -7,7 +7,6 @@ import {BigImage} from '../js/components/BigImage';
 import {Footer} from '../js/components/Footer';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
-import '../static/css/everypage.css';
 
 function Main() {
     return (<div className="main running-text">

pages/index.js

@@ -11,9 +11,6 @@ import {Footer} from '../js/components/Footer';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 
-import '../static/css/everypage.css';
-import '../static/css/index.css';
-
 function Main() {
     return (<div className="main">
         <Marketing/>

pages/list.js

@@ -5,7 +5,6 @@ import {Card, CardBody, Container} from 'reactstrap';
 import {TurniereNavigation} from '../js/components/Navigation';
 import {Footer} from '../js/components/Footer';
 
-import '../static/css/everypage.css';
 import TournamentList from '../js/components/TournamentList';
 import {connect} from 'react-redux';
 

pages/login.js

@@ -5,8 +5,6 @@ import {TurniereNavigation} from '../js/components/Navigation';
 import {Footer} from '../js/components/Footer';
 import {Login} from '../js/components/Login';
 
-import '../static/css/everypage.css';
-
 export default class LoginPage extends React.Component {
     render() {
         return (<div className="main generic-fullpage-bg">

pages/privacy.js

@@ -8,8 +8,6 @@ import {Footer} from '../js/components/Footer';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 
-import '../static/css/everypage.css';
-
 function Main() {
     return (<div className="main running-text">
         <PrivacyText/>

pages/private.js

@@ -7,7 +7,6 @@ import {Card, CardBody, Container} from 'reactstrap';
 import {TurniereNavigation} from '../js/components/Navigation';
 import {Footer} from '../js/components/Footer';
 
-import '../static/css/everypage.css';
 import TournamentList from '../js/components/TournamentList';
 import RequireLogin from '../js/components/RequireLogin';
 

pages/profile.js

@@ -8,8 +8,6 @@ import {Footer} from '../js/components/Footer';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 
-import '../static/css/everypage.css';
-import '../static/css/profile.css';
 import {connect} from 'react-redux';
 import {changeMail} from '../js/api';
 import {notify} from 'react-notify-toast';

pages/register.js

@@ -13,9 +13,6 @@ import {TurniereNavigation} from '../js/components/Navigation';
 import {Footer} from '../js/components/Footer';
 import {register} from '../js/api';
 
-import '../static/css/errormessages.css';
-import '../static/css/everypage.css';
-
 export default class RegisterPage extends React.Component {
     render() {
         return (<div className="main generic-fullpage-bg">

pages/tournament-edit.js

@@ -17,8 +17,6 @@ import {updateTeamName} from '../js/api';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 
-import '../static/css/everypage.css';
-import '../static/css/index.css';
 import {LoadingPage} from '../js/components/LoadingPage';
 
 class EditTournamentPage extends React.Component {

pages/tournament.js

@@ -10,8 +10,6 @@ import {TurniereNavigation} from '../js/components/Navigation';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 
-import '../static/css/everypage.css';
-import '../static/css/tournament.css';
 import {PlayoffStages} from '../js/components/PlayoffStages';
 import GroupStage from '../js/components/GroupStage';
 import {TournamentBigImage} from '../js/components/TournamentBigImage';