fixed imports

src/components/panels/DistanceBar.tsx

@@ -1,10 +1,10 @@
 // flow
-import * as React from 'react';
+import React from 'react';
 import { toHours } from '$utils/format';
 import { Icon } from '$components/panels/Icon';
 import { connect } from 'react-redux';
 // import Slider from 'rc-slider';
-import * as Slider from 'rc-slider/lib/Slider';
+import Slider from 'rc-slider/lib/Slider';
 import { bindActionCreators } from 'redux';
 import { setSpeed } from '$redux/user/actions';
 import { IRootState } from "$redux/user";

src/components/panels/EditorDialog.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { createElement } from 'react';
 import { MODES } from '$constants/modes';
 
 import { RouterDialog } from '$components/dialogs/RouterDialog';
@@ -52,7 +52,7 @@ const DIALOG_CONTENTS: { [x: string]: any } = {
 
 export const Component = (props: Props) =>
   props.mode && DIALOG_CONTENTS[props.mode]
-    ? React.createElement(DIALOG_CONTENTS[props.mode])
+    ? createElement(DIALOG_CONTENTS[props.mode])
     : null;
 
 export const EditorDialog = connect(

src/components/panels/EditorPanel.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { MODES } from '$constants/modes';
 import classnames from 'classnames';
 

src/components/panels/Icon.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 export const Icon = ({ icon, size = 32 }: { icon: string, size?: number }) => (
   <svg width={size} height={size} viewBox="0 0 32 32">

src/components/panels/RendererPanel.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Icon } from '$components/panels/Icon';
 
 type Props = {

src/components/panels/Tooltip.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import classnames from 'classnames';
 
 export const Tooltip = ({ children, position = 'bottom' }: { children: string, position?: string }) => (

src/components/panels/TopLeftPanel.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { UserLocation } from '$components/UserLocation';
 import { DistanceBar } from '$components/panels/DistanceBar';
 

src/components/panels/TopRightPanel.tsx

@@ -1,5 +1,5 @@
 // flow
-import * as React from 'react';
+import React from 'react';
 import { Icon } from '$components/panels/Icon';
 import { PROVIDERS } from '$constants/providers';
 import { LOGOS } from '$constants/logos';

src/components/panels/UserPanel.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 
 import { GuestButton } from "$components/user/GuestButton";
 import { DEFAULT_USER, IUser, ROLES } from "$constants/auth";