From 377a7a3c5e8a4a046ce4cd26bfba749b1e2e0df7 Mon Sep 17 00:00:00 2001
From: Itay Mizeretz <itay.mizeretz@guardicore.com>
Date: Mon, 16 Oct 2017 17:54:00 +0300
Subject: [PATCH] Minor improvements to preview pane

---
 .../cc/ui/src/components/preview-pane/PreviewPane.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/monkey_island/cc/ui/src/components/preview-pane/PreviewPane.js b/monkey_island/cc/ui/src/components/preview-pane/PreviewPane.js
index 0df12e733..b5226fa8d 100644
--- a/monkey_island/cc/ui/src/components/preview-pane/PreviewPane.js
+++ b/monkey_island/cc/ui/src/components/preview-pane/PreviewPane.js
@@ -8,7 +8,7 @@ class PreviewPaneComponent extends React.Component {
     return (
       <tr>
         <th>Operating System</th>
-        <td>{asset.os}</td>
+        <td>{asset.os.charAt(0).toUpperCase() + asset.os.slice(1)}</td>
       </tr>
     );
   }
@@ -40,11 +40,11 @@ class PreviewPaneComponent extends React.Component {
     );
   }
 
-  aliveRow(asset) {
+  statusRow(asset) {
     return (
       <tr>
-        <th>Alive</th>
-        <td>{(!asset.dead).toString()}</td>
+        <th>Status</th>
+        <td>{(asset.dead) ? 'Dead' : 'Alive'}</td>
       </tr>
     );
   }
@@ -65,7 +65,7 @@ class PreviewPaneComponent extends React.Component {
       <tr>
         <th>Force Kill</th>
         <td>
-          <Toggle id={asset.id} checked={!asset.config.alive} icons={false}
+          <Toggle id={asset.id} checked={!asset.config.alive} icons={false} disabled={asset.dead}
                         onChange={(e) => this.forceKill(e, asset)} />
         </td>
       </tr>
@@ -115,8 +115,8 @@ class PreviewPaneComponent extends React.Component {
       <div>
         <table className="table table-condensed">
           <tbody>
-            {this.aliveRow(asset)}
             {this.osRow(asset)}
+            {this.statusRow(asset)}
             {this.ipsRow(asset)}
             {this.servicesRow(asset)}
             {this.accessibleRow(asset)}