From 0ad91872a1bb0b09e27c5ee63d425c3c4a169fe4 Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <xxnerowingerxx@gmail.com>
Date: Sun, 17 Feb 2019 18:36:02 +0100
Subject: [PATCH] Refactor

---
 app/src/components/ConnectionSetup/ProfileList.tsx | 4 ++--
 app/src/components/Sidebar/History.tsx             | 6 +++---
 app/src/components/Sidebar/MessageHistory.tsx      | 2 +-
 app/src/components/Sidebar/Sidebar.tsx             | 1 -
 4 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/app/src/components/ConnectionSetup/ProfileList.tsx b/app/src/components/ConnectionSetup/ProfileList.tsx
index 2e9fab9..2fa8898 100644
--- a/app/src/components/ConnectionSetup/ProfileList.tsx
+++ b/app/src/components/ConnectionSetup/ProfileList.tsx
@@ -46,8 +46,8 @@ class ProfileList extends React.Component<Props, {}> {
 
 const styles = (theme: Theme) => ({
   list: {
-    marginTop: `${theme.spacing.unit}px`,
-    height: `calc(100% - ${theme.spacing.unit * 6}px)`,
+    marginTop: theme.spacing(1),
+    height: `calc(100% - ${theme.spacing(6)})`,
     overflowY: 'auto' as 'auto',
   },
 })
diff --git a/app/src/components/Sidebar/History.tsx b/app/src/components/Sidebar/History.tsx
index 9711324..5e4d822 100644
--- a/app/src/components/Sidebar/History.tsx
+++ b/app/src/components/Sidebar/History.tsx
@@ -4,15 +4,15 @@ import { Badge, Typography } from '@material-ui/core'
 import { Theme, withStyles } from '@material-ui/core/styles'
 
 interface HistoryItem {
-  title: string
-  value: string
+  title: JSX.Element | string
+  value: string | any
 }
 
 interface Props {
   items: HistoryItem[]
   onClick?: (index: number, element: EventTarget) => void
   classes: any
-  contentTypeIndicator?: String
+  contentTypeIndicator?: JSX.Element
 }
 
 interface State {
diff --git a/app/src/components/Sidebar/MessageHistory.tsx b/app/src/components/Sidebar/MessageHistory.tsx
index 8fb33d8..514c397 100644
--- a/app/src/components/Sidebar/MessageHistory.tsx
+++ b/app/src/components/Sidebar/MessageHistory.tsx
@@ -61,7 +61,7 @@ class MessageHistory extends React.Component<Props, State> {
       <div>
         <History
           items={historyElements}
-          contentTypeIndicator={showPlot ? <BarChart /> : null}
+          contentTypeIndicator={showPlot ? <BarChart /> : undefined}
           onClick={this.displayMessage}
         >
           {showPlot ? this.renderPlot(numericMessages) : null}
diff --git a/app/src/components/Sidebar/Sidebar.tsx b/app/src/components/Sidebar/Sidebar.tsx
index 4f13bcf..3d8392f 100644
--- a/app/src/components/Sidebar/Sidebar.tsx
+++ b/app/src/components/Sidebar/Sidebar.tsx
@@ -170,7 +170,6 @@ class Sidebar extends React.Component<Props, State> {
           size="small"
           color="secondary"
           variant="contained"
-          mini={true}
           style={{ marginTop: '-3px', padding: '0px 4px', minHeight: '24px' }}
           onClick={this.props.actions.clearRetainedTopic}
         >