Cleaned some imports and move field to new file

frontend/src/components/App.js

@@ -3,7 +3,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import CssBaseline from '@material-ui/core/CssBaseline';
 import Drawer from '@material-ui/core/Drawer';
 import List from '@material-ui/core/List';
@@ -16,7 +16,7 @@ import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
 import SchoolIcon from '@material-ui/icons/School';
 import { mainListItems, secondaryListItems, thirdListItems } from './template/listItems';
 
-import { connect } from "react-redux";
+import {connect} from "react-redux";
 import MyComponent from './MyComponent'
 
 // import route Components here

frontend/src/components/ThemeProvider.js

@@ -2,7 +2,7 @@
 import React from "react";
 import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider';
 import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
-import { connect } from "react-redux";
+import {connect} from "react-redux";
 import { BrowserRouter as Router, Route } from 'react-router-dom';
 import MyComponent from './MyComponent';
 import 'typeface-roboto';

frontend/src/components/filter/DownshiftMultiple.js

@@ -4,7 +4,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import keycode from 'keycode';
 import Downshift from 'downshift';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import TextField from '@material-ui/core/TextField';
 import Paper from '@material-ui/core/Paper';
 import MenuItem from '@material-ui/core/MenuItem';

frontend/src/components/filter/Filter.js

@@ -2,7 +2,7 @@ import React from 'react';
 import DownshiftMultiple from './DownshiftMultiple';
 
 import MyComponent from '../MyComponent'
-import { connect } from "react-redux";
+import {connect} from "react-redux";
 import _ from 'underscore';
 import { saveSelectedUniversities, saveFilterConfig } from '../../actions/filter';
 import ExpansionPanel from '@material-ui/core/ExpansionPanel';
@@ -10,7 +10,7 @@ import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
 import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import Typography from '@material-ui/core/Typography';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 
 
 import {

frontend/src/components/map/UnivMakers.js

 import React, { Component, forwardRef } from 'react';
-import { connect } from "react-redux";
+import {connect} from "react-redux";
 import { Marker, Popup } from 'react-leaflet';
 // import MarkerClusterGroup from 'react-leaflet-markercluster';
 import UnivPopupContent from './UnivPopupContent';

frontend/src/components/map/UnivMap.js

 import React from 'react';
 import MyComponent from '../MyComponent'
-import { connect } from "react-redux";
+import {connect} from "react-redux";
 import { Map, TileLayer, LayersControl, LayerGroup } from 'react-leaflet';
 
 import UnivMarkers from './UnivMakers';

frontend/src/components/map/UnivMapReloadButton.js

 import React, { Component } from 'react';
-import { connect } from "react-redux";
+import {connect} from "react-redux";
 import CachedIcon from '@material-ui/icons/Cached';
 import IconButton from '@material-ui/core/IconButton';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 
 import {
     universitiesInvalidated

frontend/src/components/map/UnivPopupContent.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import Card from '@material-ui/core/Card';
 import CardActionArea from '@material-ui/core/CardActionArea';
 import CardActions from '@material-ui/core/CardActions';
@@ -10,7 +10,7 @@ import Typography from '@material-ui/core/Typography';
 import Divider from '@material-ui/core/Divider';
 import IconAdd from '@material-ui/icons/Add';
 import IconClose from '@material-ui/icons/Close';
-import { Link } from 'react-router-dom';
+import Link from 'react-router-dom/Link';
 
 import MyCardMedia from './MyCardMedia';
 import { withLeaflet } from 'react-leaflet';

frontend/src/components/other/Loading.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import CircularProgress from '@material-ui/core/CircularProgress';
 
 const styles = theme => ({

frontend/src/components/other/TextLink.js

 import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 
 import { lighten, darken } from '@material-ui/core/styles/colorManipulator';
 

frontend/src/components/pages/PageHome.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import Typography from '@material-ui/core/Typography';
 import Paper from '@material-ui/core/Paper';
 import Markdown from '../shared/Markdown';

frontend/src/components/pages/PageMap.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import UnivMap from '../map/UnivMap';

frontend/src/components/pages/PageSearch.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import Search from '../search/Search';

frontend/src/components/pages/PageSettings.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import Settings from '../settings/Settings';

frontend/src/components/pages/PageUniversity.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Typography from '@material-ui/core/Typography';
 import Paper from '@material-ui/core/Paper';
 import MyComponent from '../MyComponent';
-import { connect } from "react-redux";
+import {connect} from "react-redux";
 import Dialog from '@material-ui/core/Dialog';
 import DialogActions from '@material-ui/core/DialogActions';
 import DialogTitle from '@material-ui/core/DialogTitle';

frontend/src/components/search/Search.js

@@ -3,12 +3,12 @@ import TextField from '@material-ui/core/TextField';
 import Paper from '@material-ui/core/Paper';
 
 import MyComponent from '../MyComponent'
-import { connect } from "react-redux";
+import {connect} from "react-redux";
 import fuzzysort from 'fuzzysort';
 import UnivList from './UnivList';
 import _ from 'underscore';
 // import { saveSelectedUniversities, saveSearchConfig } from '../../actions/filter';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 
 import {
   universitiesFetchData,

frontend/src/components/search/UnivList.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import MobileStepper from '@material-ui/core/MobileStepper';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';

frontend/src/components/settings/ColorDemo.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import AppBar from '@material-ui/core/AppBar';
 import Toolbar from '@material-ui/core/Toolbar';
 import Button from '@material-ui/core/Button';

frontend/src/components/settings/ColorTools.js

@@ -5,7 +5,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import compose from 'recompose/compose';
-import { withStyles } from '@material-ui/core/styles';
+import withStyles from '@material-ui/core/styles/withStyles';
 import * as colors from '@material-ui/core/colors';
 import Grid from '@material-ui/core/Grid';
 import Radio from '@material-ui/core/Radio';

frontend/src/components/settings/Settings.js

 import React from 'react';
 
 import MyComponent from '../MyComponent'
-import { connect } from "react-redux";
+import {connect} from "react-redux";
 import _ from 'underscore';
 import ColorTools from './ColorTools';
 // import { saveSelectedUniversities, saveSettingsConfig } from '../../actions/Settings';