Manually generate IDs

1 files changed, 61 insertions, 61 deletions

diff --git a/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js b/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js
index 0683c796..df7eeb77 100644
--- a/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js
+++ b/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js
@@ -1,65 +1,65 @@
-import React from "react";
-import UnitAddContainer from "../../../../../containers/app/sidebars/topology/machine/UnitAddContainer";
-import UnitListContainer from "../../../../../containers/app/sidebars/topology/machine/UnitListContainer";
+import React from 'react'
+import UnitAddContainer from '../../../../../containers/app/sidebars/topology/machine/UnitAddContainer'
+import UnitListContainer from '../../../../../containers/app/sidebars/topology/machine/UnitListContainer'
 
 const UnitTabsComponent = ({ inSimulation }) => (
-  <div>
-    <ul className="nav nav-tabs mt-2 mb-1" role="tablist">
-      <li className="nav-item">
-        <a
-          className="nav-link active"
-          data-toggle="tab"
-          href="#cpu-units"
-          role="tab"
-        >
-          CPU
-        </a>
-      </li>
-      <li className="nav-item">
-        <a className="nav-link" data-toggle="tab" href="#gpu-units" role="tab">
-          GPU
-        </a>
-      </li>
-      <li className="nav-item">
-        <a
-          className="nav-link"
-          data-toggle="tab"
-          href="#memory-units"
-          role="tab"
-        >
-          Memory
-        </a>
-      </li>
-      <li className="nav-item">
-        <a
-          className="nav-link"
-          data-toggle="tab"
-          href="#storage-units"
-          role="tab"
-        >
-          Storage
-        </a>
-      </li>
-    </ul>
-    <div className="tab-content">
-      <div className="tab-pane active" id="cpu-units" role="tabpanel">
-        {inSimulation ? undefined : <UnitAddContainer unitType="cpu" />}
-        <UnitListContainer unitType="cpu" />
-      </div>
-      <div className="tab-pane" id="gpu-units" role="tabpanel">
-        {inSimulation ? undefined : <UnitAddContainer unitType="gpu" />}
-        <UnitListContainer unitType="gpu" />
-      </div>
-      <div className="tab-pane" id="memory-units" role="tabpanel">
-        {inSimulation ? undefined : <UnitAddContainer unitType="memory" />}
-        <UnitListContainer unitType="memory" />
-      </div>
-      <div className="tab-pane" id="storage-units" role="tabpanel">
-        {inSimulation ? undefined : <UnitAddContainer unitType="storage" />}
-        <UnitListContainer unitType="storage" />
-      </div>
+    <div>
+        <ul className="nav nav-tabs mt-2 mb-1" role="tablist">
+            <li className="nav-item">
+                <a
+                    className="nav-link active"
+                    data-toggle="tab"
+                    href="#cpu-units"
+                    role="tab"
+                >
+                    CPU
+                </a>
+            </li>
+            <li className="nav-item">
+                <a className="nav-link" data-toggle="tab" href="#gpu-units" role="tab">
+                    GPU
+                </a>
+            </li>
+            <li className="nav-item">
+                <a
+                    className="nav-link"
+                    data-toggle="tab"
+                    href="#memory-units"
+                    role="tab"
+                >
+                    Memory
+                </a>
+            </li>
+            <li className="nav-item">
+                <a
+                    className="nav-link"
+                    data-toggle="tab"
+                    href="#storage-units"
+                    role="tab"
+                >
+                    Storage
+                </a>
+            </li>
+        </ul>
+        <div className="tab-content">
+            <div className="tab-pane active" id="cpu-units" role="tabpanel">
+                {inSimulation ? undefined : <UnitAddContainer unitType="cpu"/>}
+                <UnitListContainer unitType="cpu"/>
+            </div>
+            <div className="tab-pane" id="gpu-units" role="tabpanel">
+                {inSimulation ? undefined : <UnitAddContainer unitType="gpu"/>}
+                <UnitListContainer unitType="gpu"/>
+            </div>
+            <div className="tab-pane" id="memory-units" role="tabpanel">
+                {inSimulation ? undefined : <UnitAddContainer unitType="memory"/>}
+                <UnitListContainer unitType="memory"/>
+            </div>
+            <div className="tab-pane" id="storage-units" role="tabpanel">
+                {inSimulation ? undefined : <UnitAddContainer unitType="storage"/>}
+                <UnitListContainer unitType="storage"/>
+            </div>
+        </div>
     </div>
-  </div>
-);
+)
 
-export default UnitTabsComponent;
+export default UnitTabsComponent