fix broken imports

config/rzl.js

@@ -344,7 +344,7 @@ const config : Config = {
       position: [350, 650],
       iconColor: ({onkyo_connection, onkyo_power}) =>
         onkyo_connection != "connected" ? hex("#888888") : (onkyo_power == "on" ? hex("#00FF00") : hex("#000000")),
-      icon: "volume-high",
+      icon: "audio-video",
       ui: [
         {
           type: "toggle",
@@ -648,8 +648,8 @@ const config : Config = {
     },
     kitchen_sink_light: {
       name: "Licht Spüle",
-      position: [300, 348],
-      icon: "ceiling-light",
+      position: [300, 345],
+      icon: "wall-sconce-flat",
       ui: [
         {
           type: "toggle",

package.json

@@ -14,10 +14,10 @@
   "dependencies": {
     "@material-ui/core": "^1.2.1",
     "@material-ui/lab": "^1.0.0-alpha.5",
+    "@mdi/font": "^2.0.46",
     "babel-preset-env": "^1.6.0",
     "leaflet": "^1.3.1",
     "lodash-es": "^4.17.4",
-    "mdi": "^2.0.46",
     "mqtt": "^2.14.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",

src/components/UiItemList/UiItem.js

@@ -2,16 +2,15 @@
 import React from "react";
 import keys from "lodash/keys";
 import map from "lodash/map";
-import {
-  ListItemSecondaryAction,
-  ListItemText,
-  ListSubheader
-} from "@material-ui/core/List";
+import ListItemSecondaryAction from "@material-ui/core/ListItemSecondaryAction";
+import ListItemText from "@material-ui/core/ListItemText";
+import ListSubheader from "@material-ui/core/ListSubheader";
 import Switch from "@material-ui/core/Switch";
-import Input, { InputLabel } from "@material-ui/core/Input";
+import Input from "@material-ui/core/Input";
+import InputLabel from "@material-ui/core/InputLabel";
 import FormControl from "@material-ui/core/FormControl";
 import Select from "@material-ui/core/Select";
-import { MenuItem } from "@material-ui/core/Menu";
+import MenuItem from "@material-ui/core/MenuItem";
 import Button from "@material-ui/core/Button";
 import LinearProgress from "@material-ui/core/LinearProgress";
 import SliderComponent from "@material-ui/lab/Slider";
@@ -194,7 +193,7 @@ export class Slider extends UiControl<UISlider> {
 
   render() {
     return [
-      <ListItemText key="label" secondary={this.props.item.text} />,
+      <ListItemText key="label" primary={this.props.item.text} />,
       <SliderComponent key="slidercomponent"
         value={this.getValue().internal || this.getValue().actual}
         min={this.props.item.min || 0} max={this.props.item.max || 0}

src/components/UiItemList/index.js

@@ -1,9 +1,7 @@
 // @flow
 import React from "react";
-import {
-  ListItem,
-  ListItemIcon
-} from "@material-ui/core/List";
+import ListItem from "@material-ui/core/ListItem";
+import ListItemIcon from "@material-ui/core/ListItemIcon";
 import { renderIcon } from "utils/parseIconName";
 
 import type { ControlUI } from "config/flowtypes";

src/index.jsx

@@ -5,7 +5,7 @@ import injectTapEventPlugin from "react-tap-event-plugin";
 
 import App from "components/App";
 
-import "../node_modules/mdi/css/materialdesignicons.min.css";
+import "../node_modules/@mdi/font/css/materialdesignicons.min.css";
 import "../css/styles.css";
 
 const Config : Config = window.config;

yarn.lock

@@ -121,6 +121,10 @@
   version "1.0.0-alpha.5"
   resolved "https://registry.yarnpkg.com/@material-ui/lab/-/lab-1.0.0-alpha.5.tgz#2f53a76c4b53aca044c91392ad5e4b47f9a4b241"
 
+"@mdi/font@^2.0.46":
+  version "2.4.85"
+  resolved "https://registry.yarnpkg.com/@mdi/font/-/font-2.4.85.tgz#f257a2c3ed1dec3023f2dc12cd9210fab572ab42"
+
 "@types/jss@^9.5.3":
   version "9.5.3"
   resolved "https://registry.yarnpkg.com/@types/jss/-/jss-9.5.3.tgz#0c106de3fe0b324cd4173fac7dab26c12cda624e"
@@ -4042,10 +4046,6 @@ md5@^2.1.0:
     crypt "~0.0.1"
     is-buffer "~1.1.1"
 
-mdi@^2.0.46:
-  version "2.2.43"
-  resolved "https://registry.yarnpkg.com/mdi/-/mdi-2.2.43.tgz#c5e419a6e5f48c82c7109328f52530fd187a0ec0"
-
 media-typer@0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"