Optimize imports

js/CommonComponents.js

@@ -1,16 +1,16 @@
-
 import {
     Badge,
-    ButtonGroup,
     Button,
+    ButtonGroup,
     Collapse,
     Nav,
     Navbar,
     NavbarBrand,
     NavbarToggler,
-    NavItem, 
+    NavItem,
     NavLink
 } from 'reactstrap';
+import React from "react";
 
 export function BigImage(props) {
     return (

pages/index.js

@@ -1,29 +1,11 @@
 import Head from 'next/head'
 import React from 'react'
 
-import {
+import {Alert, Button, Card, CardBody} from 'reactstrap';
-    Button,
-    Navbar,
-    NavbarBrand,
-    NavbarToggler,
-    Collapse,
-    Nav,
-    NavItem, 
-    NavLink,
-    Badge,
-    ButtonGroup,
-    Alert,
-    Card,
-    CardBody
-} from 'reactstrap';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 
-import {
+import {BigImage, Footer, TurniereNavigation} from '../js/CommonComponents.js'
-    BigImage,
-    Footer,
-    TurniereNavigation
-} from '../js/CommonComponents.js'
 
 import '../static/everypage.css'
 import '../static/css/index.css'