1 files changed, 54 insertions, 53 deletions
diff --git a/runtime/ui-react/src/components/loop_viewer/logs/LoopLogs.js b/runtime/ui-react/src/components/loop_viewer/logs/LoopLogs.js
index e3d9f601f..3435ba3bc 100644
--- a/runtime/ui-react/src/components/loop_viewer/logs/LoopLogs.js
+++ b/runtime/ui-react/src/components/loop_viewer/logs/LoopLogs.js
@@ -26,71 +26,72 @@ import LoopCache from '../../../api/LoopCache';
 import styled from 'styled-components';
 
 const LoopLogsHeaderDivStyled = styled.div`
-	background-color: ${props => props.theme.loopLogsHeaderBackgroundColor};
-	padding: 10px 10px;
-	color: ${props => props.theme.loopLogsHeaderFontColor};
+  background-color: ${ props => props.theme.loopLogsHeaderBackgroundColor };
+  padding: 10px 10px;
+  color: ${ props => props.theme.loopLogsHeaderFontColor };
 `
 const TableStyled = styled(Table)`
-    
-    overflow: auto;
+
+  overflow: auto;
 `
 const TableRow = ({ logRow }) => (
-	<tr>
-		<td>{logRow.logInstant}</td>
-		<td>{logRow.logType}</td>
-		<td>{logRow.logComponent}</td>
-		<td>{logRow.message}</td>
-	</tr>
+  <tr>
+    <td>{ logRow.logInstant }</td>
+    <td>{ logRow.logType }</td>
+    <td>{ logRow.logComponent }</td>
+    <td>{ logRow.message }</td>
+  </tr>
 
 )
 
 export default class LoopLogs extends React.Component {
 
-	state = {
-		loopCache: new LoopCache({})
-	}
-	constructor(props) {
-		super(props);
-		this.renderLogs = this.renderLogs.bind(this);
-		this.state.loopCache = props.loopCache;
-	}
+  state = {
+    loopCache: new LoopCache({})
+  }
+
+  constructor(props) {
+    super(props);
+    this.renderLogs = this.renderLogs.bind(this);
+    this.state.loopCache = props.loopCache;
+  }
 
-	shouldComponentUpdate(nextProps, nextState) {
-		return this.state.loopCache !== nextState.loopCache;
-	}
+  shouldComponentUpdate(nextProps, nextState) {
+    return this.state.loopCache !== nextState.loopCache;
+  }
 
-	componentWillReceiveProps(newProps) {
-		this.setState({
-			loopCache: newProps.loopCache
-		});
-	}
+  componentWillReceiveProps(newProps) {
+    this.setState({
+      loopCache: newProps.loopCache
+    });
+  }
 
-	renderLogs() {
-	    let logsArray = this.state.loopCache.getLoopLogsArray();
-		if (logsArray != null) {
-			return (logsArray.map(row => <TableRow key={row.id} logRow={row} />));
-		}
-	}
+  renderLogs() {
+    let logsArray = this.state.loopCache.getLoopLogsArray();
+    if (logsArray != null) {
+      return (logsArray.map(row => <TableRow key={ row.id } logRow={ row }/>));
+    }
+  }
 
-	render() {
-		return (
-			<LoopLogsHeaderDivStyled>
-				<label>Loop Logs</label>
-				<TableStyled striped hover variant responsive>
-					<thead>
-						<tr>
-							<th><span align="left">Date</span></th>
-							<th><span align="left">Type</span></th>
-							<th><span align="left">Component</span></th>
-							<th><span align="right">Log</span></th>
-						</tr>
-					</thead>
-					<tbody>
-						{this.renderLogs()}
-					</tbody>
-				</TableStyled>
-			</LoopLogsHeaderDivStyled>
+  render() {
+    return (
+      <LoopLogsHeaderDivStyled>
+        <label>Loop Logs</label>
+        <TableStyled striped hover variant responsive>
+          <thead>
+          <tr>
+            <th><span align="left">Date</span></th>
+            <th><span align="left">Type</span></th>
+            <th><span align="left">Component</span></th>
+            <th><span align="right">Log</span></th>
+          </tr>
+          </thead>
+          <tbody>
+          { this.renderLogs() }
+          </tbody>
+        </TableStyled>
+      </LoopLogsHeaderDivStyled>
 
-		);
-	}
+    );
+  }
 }