Manually generate IDs

9 files changed, 373 insertions, 378 deletions

diff --git a/frontend/src/util/authorizations.js b/frontend/src/util/authorizations.js
index ef649c9c..4086b35d 100644
--- a/frontend/src/util/authorizations.js
+++ b/frontend/src/util/authorizations.js
@@ -1,11 +1,11 @@
 export const AUTH_ICON_MAP = {
-  OWN: "home",
-  EDIT: "pencil",
-  VIEW: "eye"
-};
+    OWN: 'home',
+    EDIT: 'pencil',
+    VIEW: 'eye',
+}
 
 export const AUTH_DESCRIPTION_MAP = {
-  OWN: "Own",
-  EDIT: "Can Edit",
-  VIEW: "Can View"
-};
+    OWN: 'Own',
+    EDIT: 'Can Edit',
+    VIEW: 'Can View',
+}
diff --git a/frontend/src/util/colors.js b/frontend/src/util/colors.js
index 1e84e162..34468503 100644
--- a/frontend/src/util/colors.js
+++ b/frontend/src/util/colors.js
@@ -1,29 +1,29 @@
-export const GRID_COLOR = "rgba(0, 0, 0, 0.5)";
-export const BACKDROP_COLOR = "rgba(255, 255, 255, 1)";
-export const WALL_COLOR = "rgba(0, 0, 0, 1)";
+export const GRID_COLOR = 'rgba(0, 0, 0, 0.5)'
+export const BACKDROP_COLOR = 'rgba(255, 255, 255, 1)'
+export const WALL_COLOR = 'rgba(0, 0, 0, 1)'
 
-export const ROOM_DEFAULT_COLOR = "rgba(150, 150, 150, 1)";
-export const ROOM_IN_CONSTRUCTION_COLOR = "rgba(51, 153, 255, 1)";
-export const ROOM_HOVER_VALID_COLOR = "rgba(51, 153, 255, 1)";
-export const ROOM_HOVER_INVALID_COLOR = "rgba(255, 102, 0, 1)";
-export const ROOM_NAME_COLOR = "rgba(245, 245, 245, 1)";
-export const ROOM_TYPE_COLOR = "rgba(245, 245, 245, 1)";
+export const ROOM_DEFAULT_COLOR = 'rgba(150, 150, 150, 1)'
+export const ROOM_IN_CONSTRUCTION_COLOR = 'rgba(51, 153, 255, 1)'
+export const ROOM_HOVER_VALID_COLOR = 'rgba(51, 153, 255, 1)'
+export const ROOM_HOVER_INVALID_COLOR = 'rgba(255, 102, 0, 1)'
+export const ROOM_NAME_COLOR = 'rgba(245, 245, 245, 1)'
+export const ROOM_TYPE_COLOR = 'rgba(245, 245, 245, 1)'
 
-export const TILE_PLUS_COLOR = "rgba(0, 0, 0, 1)";
+export const TILE_PLUS_COLOR = 'rgba(0, 0, 0, 1)'
 
-export const OBJECT_BORDER_COLOR = "rgba(0, 0, 0, 1)";
+export const OBJECT_BORDER_COLOR = 'rgba(0, 0, 0, 1)'
 
-export const RACK_BACKGROUND_COLOR = "rgba(170, 170, 170, 1)";
-export const RACK_SPACE_BAR_BACKGROUND_COLOR = "rgba(222, 235, 247, 0.6)";
-export const RACK_SPACE_BAR_FILL_COLOR = "rgba(91, 155, 213, 0.7)";
-export const RACK_ENERGY_BAR_BACKGROUND_COLOR = "rgba(255, 242, 204, 0.6)";
-export const RACK_ENERGY_BAR_FILL_COLOR = "rgba(244, 215, 0, 0.7)";
-export const COOLING_ITEM_BACKGROUND_COLOR = "rgba(40, 50, 230, 1)";
-export const PSU_BACKGROUND_COLOR = "rgba(230, 50, 60, 1)";
+export const RACK_BACKGROUND_COLOR = 'rgba(170, 170, 170, 1)'
+export const RACK_SPACE_BAR_BACKGROUND_COLOR = 'rgba(222, 235, 247, 0.6)'
+export const RACK_SPACE_BAR_FILL_COLOR = 'rgba(91, 155, 213, 0.7)'
+export const RACK_ENERGY_BAR_BACKGROUND_COLOR = 'rgba(255, 242, 204, 0.6)'
+export const RACK_ENERGY_BAR_FILL_COLOR = 'rgba(244, 215, 0, 0.7)'
+export const COOLING_ITEM_BACKGROUND_COLOR = 'rgba(40, 50, 230, 1)'
+export const PSU_BACKGROUND_COLOR = 'rgba(230, 50, 60, 1)'
 
-export const GRAYED_OUT_AREA_COLOR = "rgba(0, 0, 0, 0.6)";
+export const GRAYED_OUT_AREA_COLOR = 'rgba(0, 0, 0, 0.6)'
 
-export const SIM_LOW_COLOR = "rgba(197, 224, 180, 1)";
-export const SIM_MID_LOW_COLOR = "rgba(255, 230, 153, 1)";
-export const SIM_MID_HIGH_COLOR = "rgba(248, 203, 173, 1)";
-export const SIM_HIGH_COLOR = "rgba(249, 165, 165, 1)";
+export const SIM_LOW_COLOR = 'rgba(197, 224, 180, 1)'
+export const SIM_MID_LOW_COLOR = 'rgba(255, 230, 153, 1)'
+export const SIM_MID_HIGH_COLOR = 'rgba(248, 203, 173, 1)'
+export const SIM_HIGH_COLOR = 'rgba(249, 165, 165, 1)'
diff --git a/frontend/src/util/date-time.js b/frontend/src/util/date-time.js
index 0b752600..d176ebef 100644
--- a/frontend/src/util/date-time.js
+++ b/frontend/src/util/date-time.js
@@ -7,7 +7,7 @@
  * @returns {string} A human-friendly string version of that date and time.
  */
 export function parseAndFormatDateTime(dateTimeString) {
-  return formatDateTime(parseDateTime(dateTimeString));
+    return formatDateTime(parseDateTime(dateTimeString))
 }
 
 /**
@@ -19,7 +19,7 @@ export function parseAndFormatDateTime(dateTimeString) {
  * @returns {object} A Date object with the parsed date and time information as content.
  */
 export function parseDateTime(dateTimeString) {
-  return new Date(dateTimeString + ".000Z");
+    return new Date(dateTimeString + '.000Z')
 }
 
 /**
@@ -29,34 +29,34 @@ export function parseDateTime(dateTimeString) {
  * @returns {string} A human-friendly string version of that date and time.
  */
 export function formatDateTime(dateTime) {
-  let date;
-  const currentDate = new Date();
+    let date
+    const currentDate = new Date()
 
-  date =
-    addPaddingToTwo(dateTime.getDay()) +
-    "/" +
-    addPaddingToTwo(dateTime.getMonth()) +
-    "/" +
-    addPaddingToTwo(dateTime.getFullYear());
+    date =
+        addPaddingToTwo(dateTime.getDay()) +
+        '/' +
+        addPaddingToTwo(dateTime.getMonth()) +
+        '/' +
+        addPaddingToTwo(dateTime.getFullYear())
 
-  if (
-    dateTime.getFullYear() === currentDate.getFullYear() &&
-    dateTime.getMonth() === currentDate.getMonth()
-  ) {
-    if (dateTime.getDate() === currentDate.getDate()) {
-      date = "Today";
-    } else if (dateTime.getDate() === currentDate.getDate() - 1) {
-      date = "Yesterday";
+    if (
+        dateTime.getFullYear() === currentDate.getFullYear() &&
+        dateTime.getMonth() === currentDate.getMonth()
+    ) {
+        if (dateTime.getDate() === currentDate.getDate()) {
+            date = 'Today'
+        } else if (dateTime.getDate() === currentDate.getDate() - 1) {
+            date = 'Yesterday'
+        }
     }
-  }
 
-  return (
-    date +
-    ", " +
-    addPaddingToTwo(dateTime.getHours()) +
-    ":" +
-    addPaddingToTwo(dateTime.getMinutes())
-  );
+    return (
+        date +
+        ', ' +
+        addPaddingToTwo(dateTime.getHours()) +
+        ':' +
+        addPaddingToTwo(dateTime.getMinutes())
+    )
 }
 
 /**
@@ -66,27 +66,27 @@ export function formatDateTime(dateTime) {
  * @returns {string} A string representation of that amount of second, in the from of HH:MM:SS.
  */
 export function convertSecondsToFormattedTime(seconds) {
-  if (seconds <= 0) {
-    return "0s";
-  }
+    if (seconds <= 0) {
+        return '0s'
+    }
 
-  let hour = Math.floor(seconds / 3600);
-  let minute = Math.floor(seconds / 60) % 60;
-  let second = seconds % 60;
+    let hour = Math.floor(seconds / 3600)
+    let minute = Math.floor(seconds / 60) % 60
+    let second = seconds % 60
 
-  hour = isNaN(hour) ? 0 : hour;
-  minute = isNaN(minute) ? 0 : minute;
-  second = isNaN(second) ? 0 : second;
+    hour = isNaN(hour) ? 0 : hour
+    minute = isNaN(minute) ? 0 : minute
+    second = isNaN(second) ? 0 : second
 
-  if (hour === 0 && minute === 0) {
-    return second + "s";
-  } else if (hour === 0) {
-    return minute + "m" + addPaddingToTwo(second) + "s";
-  } else {
-    return (
-      hour + "h" + addPaddingToTwo(minute) + "m" + addPaddingToTwo(second) + "s"
-    );
-  }
+    if (hour === 0 && minute === 0) {
+        return second + 's'
+    } else if (hour === 0) {
+        return minute + 'm' + addPaddingToTwo(second) + 's'
+    } else {
+        return (
+            hour + 'h' + addPaddingToTwo(minute) + 'm' + addPaddingToTwo(second) + 's'
+        )
+    }
 }
 
 /**
@@ -96,9 +96,9 @@ export function convertSecondsToFormattedTime(seconds) {
  * @returns {string} A string containing the padded integer.
  */
 function addPaddingToTwo(integer) {
-  if (integer < 10) {
-    return "0" + integer.toString();
-  } else {
-    return integer.toString();
-  }
+    if (integer < 10) {
+        return '0' + integer.toString()
+    } else {
+        return integer.toString()
+    }
 }
diff --git a/frontend/src/util/date-time.test.js b/frontend/src/util/date-time.test.js
index 6c7a6b16..9274d4b7 100644
--- a/frontend/src/util/date-time.test.js
+++ b/frontend/src/util/date-time.test.js
@@ -1,35 +1,35 @@
-import { convertSecondsToFormattedTime, parseDateTime } from "./date-time";
+import { convertSecondsToFormattedTime, parseDateTime } from './date-time'
 
-describe("date-time parsing", () => {
-  it("reads components properly", () => {
-    const dateString = "2017-09-27T20:55:01";
-    const parsedDate = parseDateTime(dateString);
+describe('date-time parsing', () => {
+    it('reads components properly', () => {
+        const dateString = '2017-09-27T20:55:01'
+        const parsedDate = parseDateTime(dateString)
 
-    expect(parsedDate.getUTCFullYear()).toEqual(2017);
-    expect(parsedDate.getUTCMonth()).toEqual(8);
-    expect(parsedDate.getUTCDate()).toEqual(27);
-    expect(parsedDate.getUTCHours()).toEqual(20);
-    expect(parsedDate.getUTCMinutes()).toEqual(55);
-    expect(parsedDate.getUTCSeconds()).toEqual(1);
-  });
-});
+        expect(parsedDate.getUTCFullYear()).toEqual(2017)
+        expect(parsedDate.getUTCMonth()).toEqual(8)
+        expect(parsedDate.getUTCDate()).toEqual(27)
+        expect(parsedDate.getUTCHours()).toEqual(20)
+        expect(parsedDate.getUTCMinutes()).toEqual(55)
+        expect(parsedDate.getUTCSeconds()).toEqual(1)
+    })
+})
 
-describe("tick formatting", () => {
-  it("returns '0s' for numbers <= 0", () => {
-    expect(convertSecondsToFormattedTime(-1)).toEqual("0s");
-    expect(convertSecondsToFormattedTime(0)).toEqual("0s");
-  });
-  it("returns only seconds for values under a minute", () => {
-    expect(convertSecondsToFormattedTime(1)).toEqual("1s");
-    expect(convertSecondsToFormattedTime(59)).toEqual("59s");
-  });
-  it("returns seconds and minutes for values under an hour", () => {
-    expect(convertSecondsToFormattedTime(60)).toEqual("1m00s");
-    expect(convertSecondsToFormattedTime(61)).toEqual("1m01s");
-    expect(convertSecondsToFormattedTime(3599)).toEqual("59m59s");
-  });
-  it("returns full time for values over an hour", () => {
-    expect(convertSecondsToFormattedTime(3600)).toEqual("1h00m00s");
-    expect(convertSecondsToFormattedTime(3601)).toEqual("1h00m01s");
-  });
-});
+describe('tick formatting', () => {
+    it('returns \'0s\' for numbers <= 0', () => {
+        expect(convertSecondsToFormattedTime(-1)).toEqual('0s')
+        expect(convertSecondsToFormattedTime(0)).toEqual('0s')
+    })
+    it('returns only seconds for values under a minute', () => {
+        expect(convertSecondsToFormattedTime(1)).toEqual('1s')
+        expect(convertSecondsToFormattedTime(59)).toEqual('59s')
+    })
+    it('returns seconds and minutes for values under an hour', () => {
+        expect(convertSecondsToFormattedTime(60)).toEqual('1m00s')
+        expect(convertSecondsToFormattedTime(61)).toEqual('1m01s')
+        expect(convertSecondsToFormattedTime(3599)).toEqual('59m59s')
+    })
+    it('returns full time for values over an hour', () => {
+        expect(convertSecondsToFormattedTime(3600)).toEqual('1h00m00s')
+        expect(convertSecondsToFormattedTime(3601)).toEqual('1h00m01s')
+    })
+})
diff --git a/frontend/src/util/jquery.js b/frontend/src/util/jquery.js
index 12a64fc6..4976dd7d 100644
--- a/frontend/src/util/jquery.js
+++ b/frontend/src/util/jquery.js
@@ -3,6 +3,6 @@
  *
  * This should be used instead of '$', to address ESLint warnings relating to undefined global variables.
  */
-const jQuery = window["$"];
+const jQuery = window['$']
 
-export default jQuery;
+export default jQuery
diff --git a/frontend/src/util/room-types.js b/frontend/src/util/room-types.js
index 5cfe3887..ff69d013 100644
--- a/frontend/src/util/room-types.js
+++ b/frontend/src/util/room-types.js
@@ -1,7 +1,7 @@
 export const ROOM_TYPE_TO_NAME_MAP = {
-  SERVER: "Server room",
-  HALLWAY: "Hallway",
-  OFFICE: "Office",
-  POWER: "Power room",
-  COOLING: "Cooling room"
-};
+    SERVER: 'Server room',
+    HALLWAY: 'Hallway',
+    OFFICE: 'Office',
+    POWER: 'Power room',
+    COOLING: 'Cooling room',
+}
diff --git a/frontend/src/util/simulation-load.js b/frontend/src/util/simulation-load.js
index 95e17fed..40b65917 100644
--- a/frontend/src/util/simulation-load.js
+++ b/frontend/src/util/simulation-load.js
@@ -1,37 +1,32 @@
-import {
-  SIM_HIGH_COLOR,
-  SIM_LOW_COLOR,
-  SIM_MID_HIGH_COLOR,
-  SIM_MID_LOW_COLOR
-} from "./colors";
+import { SIM_HIGH_COLOR, SIM_LOW_COLOR, SIM_MID_HIGH_COLOR, SIM_MID_LOW_COLOR } from './colors'
 
 export const LOAD_NAME_MAP = {
-  LOAD: "computational load",
-  TEMPERATURE: "temperature",
-  MEMORY: "memory use"
-};
+    LOAD: 'computational load',
+    TEMPERATURE: 'temperature',
+    MEMORY: 'memory use',
+}
 
 export function convertLoadToSimulationColor(load) {
-  if (load <= 0.25) {
-    return SIM_LOW_COLOR;
-  } else if (load <= 0.5) {
-    return SIM_MID_LOW_COLOR;
-  } else if (load <= 0.75) {
-    return SIM_MID_HIGH_COLOR;
-  } else {
-    return SIM_HIGH_COLOR;
-  }
+    if (load <= 0.25) {
+        return SIM_LOW_COLOR
+    } else if (load <= 0.5) {
+        return SIM_MID_LOW_COLOR
+    } else if (load <= 0.75) {
+        return SIM_MID_HIGH_COLOR
+    } else {
+        return SIM_HIGH_COLOR
+    }
 }
 
 export function getStateLoad(loadMetric, state) {
-  switch (loadMetric) {
-    case "LOAD":
-      return state.loadFraction;
-    case "TEMPERATURE":
-      return state.temperatureC / 100.0;
-    case "MEMORY":
-      return state.inUseMemoryMb / 10000.0;
-    default:
-      return -1;
-  }
+    switch (loadMetric) {
+        case 'LOAD':
+            return state.loadFraction
+        case 'TEMPERATURE':
+            return state.temperatureC / 100.0
+        case 'MEMORY':
+            return state.inUseMemoryMb / 10000.0
+        default:
+            return -1
+    }
 }
diff --git a/frontend/src/util/tile-calculations.js b/frontend/src/util/tile-calculations.js
index 95886eeb..3ef1cff6 100644
--- a/frontend/src/util/tile-calculations.js
+++ b/frontend/src/util/tile-calculations.js
@@ -1,261 +1,261 @@
 export function deriveWallLocations(tiles) {
-  const { verticalWalls, horizontalWalls } = getWallSegments(tiles);
-  return mergeWallSegments(verticalWalls, horizontalWalls);
+    const { verticalWalls, horizontalWalls } = getWallSegments(tiles)
+    return mergeWallSegments(verticalWalls, horizontalWalls)
 }
 
 function getWallSegments(tiles) {
-  const verticalWalls = {};
-  const horizontalWalls = {};
-
-  tiles.forEach(tile => {
-    const x = tile.positionX,
-      y = tile.positionY;
-
-    for (let dX = -1; dX <= 1; dX++) {
-      for (let dY = -1; dY <= 1; dY++) {
-        if (Math.abs(dX) === Math.abs(dY)) {
-          continue;
-        }
-
-        let doInsert = true;
-        for (let tileIndex in tiles) {
-          if (
-            tiles[tileIndex].positionX === x + dX &&
-            tiles[tileIndex].positionY === y + dY
-          ) {
-            doInsert = false;
-            break;
-          }
-        }
-        if (!doInsert) {
-          continue;
+    const verticalWalls = {}
+    const horizontalWalls = {}
+
+    tiles.forEach(tile => {
+        const x = tile.positionX,
+            y = tile.positionY
+
+        for (let dX = -1; dX <= 1; dX++) {
+            for (let dY = -1; dY <= 1; dY++) {
+                if (Math.abs(dX) === Math.abs(dY)) {
+                    continue
+                }
+
+                let doInsert = true
+                for (let tileIndex in tiles) {
+                    if (
+                        tiles[tileIndex].positionX === x + dX &&
+                        tiles[tileIndex].positionY === y + dY
+                    ) {
+                        doInsert = false
+                        break
+                    }
+                }
+                if (!doInsert) {
+                    continue
+                }
+
+                if (dX === -1) {
+                    if (verticalWalls[x] === undefined) {
+                        verticalWalls[x] = []
+                    }
+                    if (verticalWalls[x].indexOf(y) === -1) {
+                        verticalWalls[x].push(y)
+                    }
+                } else if (dX === 1) {
+                    if (verticalWalls[x + 1] === undefined) {
+                        verticalWalls[x + 1] = []
+                    }
+                    if (verticalWalls[x + 1].indexOf(y) === -1) {
+                        verticalWalls[x + 1].push(y)
+                    }
+                } else if (dY === -1) {
+                    if (horizontalWalls[y] === undefined) {
+                        horizontalWalls[y] = []
+                    }
+                    if (horizontalWalls[y].indexOf(x) === -1) {
+                        horizontalWalls[y].push(x)
+                    }
+                } else if (dY === 1) {
+                    if (horizontalWalls[y + 1] === undefined) {
+                        horizontalWalls[y + 1] = []
+                    }
+                    if (horizontalWalls[y + 1].indexOf(x) === -1) {
+                        horizontalWalls[y + 1].push(x)
+                    }
+                }
+            }
         }
+    })
 
-        if (dX === -1) {
-          if (verticalWalls[x] === undefined) {
-            verticalWalls[x] = [];
-          }
-          if (verticalWalls[x].indexOf(y) === -1) {
-            verticalWalls[x].push(y);
-          }
-        } else if (dX === 1) {
-          if (verticalWalls[x + 1] === undefined) {
-            verticalWalls[x + 1] = [];
-          }
-          if (verticalWalls[x + 1].indexOf(y) === -1) {
-            verticalWalls[x + 1].push(y);
-          }
-        } else if (dY === -1) {
-          if (horizontalWalls[y] === undefined) {
-            horizontalWalls[y] = [];
-          }
-          if (horizontalWalls[y].indexOf(x) === -1) {
-            horizontalWalls[y].push(x);
-          }
-        } else if (dY === 1) {
-          if (horizontalWalls[y + 1] === undefined) {
-            horizontalWalls[y + 1] = [];
-          }
-          if (horizontalWalls[y + 1].indexOf(x) === -1) {
-            horizontalWalls[y + 1].push(x);
-          }
-        }
-      }
-    }
-  });
-
-  return { verticalWalls, horizontalWalls };
+    return { verticalWalls, horizontalWalls }
 }
 
 function mergeWallSegments(vertical, horizontal) {
-  const result = [];
-  const walls = [vertical, horizontal];
-
-  for (let i = 0; i < 2; i++) {
-    const wallList = walls[i];
-    for (let a in wallList) {
-      a = parseInt(a, 10);
-
-      wallList[a].sort((a, b) => {
-        return a - b;
-      });
-
-      let startPos = wallList[a][0];
-      const isHorizontal = i === 1;
-
-      if (wallList[a].length === 1) {
-        const startPosX = isHorizontal ? startPos : a;
-        const startPosY = isHorizontal ? a : startPos;
-        result.push({
-          startPosX,
-          startPosY,
-          isHorizontal,
-          length: 1
-        });
-      } else {
-        let consecutiveCount = 1;
-        for (let b = 0; b < wallList[a].length - 1; b++) {
-          if (b + 1 === wallList[a].length - 1) {
-            if (wallList[a][b + 1] - wallList[a][b] > 1) {
-              const startPosX = isHorizontal ? startPos : a;
-              const startPosY = isHorizontal ? a : startPos;
-              result.push({
-                startPosX,
-                startPosY,
-                isHorizontal,
-                length: consecutiveCount
-              });
-              consecutiveCount = 0;
-              startPos = wallList[a][b + 1];
+    const result = []
+    const walls = [vertical, horizontal]
+
+    for (let i = 0; i < 2; i++) {
+        const wallList = walls[i]
+        for (let a in wallList) {
+            a = parseInt(a, 10)
+
+            wallList[a].sort((a, b) => {
+                return a - b
+            })
+
+            let startPos = wallList[a][0]
+            const isHorizontal = i === 1
+
+            if (wallList[a].length === 1) {
+                const startPosX = isHorizontal ? startPos : a
+                const startPosY = isHorizontal ? a : startPos
+                result.push({
+                    startPosX,
+                    startPosY,
+                    isHorizontal,
+                    length: 1,
+                })
+            } else {
+                let consecutiveCount = 1
+                for (let b = 0; b < wallList[a].length - 1; b++) {
+                    if (b + 1 === wallList[a].length - 1) {
+                        if (wallList[a][b + 1] - wallList[a][b] > 1) {
+                            const startPosX = isHorizontal ? startPos : a
+                            const startPosY = isHorizontal ? a : startPos
+                            result.push({
+                                startPosX,
+                                startPosY,
+                                isHorizontal,
+                                length: consecutiveCount,
+                            })
+                            consecutiveCount = 0
+                            startPos = wallList[a][b + 1]
+                        }
+                        const startPosX = isHorizontal ? startPos : a
+                        const startPosY = isHorizontal ? a : startPos
+                        result.push({
+                            startPosX,
+                            startPosY,
+                            isHorizontal,
+                            length: consecutiveCount + 1,
+                        })
+                        break
+                    } else if (wallList[a][b + 1] - wallList[a][b] > 1) {
+                        const startPosX = isHorizontal ? startPos : a
+                        const startPosY = isHorizontal ? a : startPos
+                        result.push({
+                            startPosX,
+                            startPosY,
+                            isHorizontal,
+                            length: consecutiveCount,
+                        })
+                        startPos = wallList[a][b + 1]
+                        consecutiveCount = 0
+                    }
+                    consecutiveCount++
+                }
             }
-            const startPosX = isHorizontal ? startPos : a;
-            const startPosY = isHorizontal ? a : startPos;
-            result.push({
-              startPosX,
-              startPosY,
-              isHorizontal,
-              length: consecutiveCount + 1
-            });
-            break;
-          } else if (wallList[a][b + 1] - wallList[a][b] > 1) {
-            const startPosX = isHorizontal ? startPos : a;
-            const startPosY = isHorizontal ? a : startPos;
-            result.push({
-              startPosX,
-              startPosY,
-              isHorizontal,
-              length: consecutiveCount
-            });
-            startPos = wallList[a][b + 1];
-            consecutiveCount = 0;
-          }
-          consecutiveCount++;
         }
-      }
     }
-  }
 
-  return result;
+    return result
 }
 
 export function deriveValidNextTilePositions(rooms, selectedTiles) {
-  const result = [],
-    newPosition = { x: 0, y: 0 };
-  let isSurroundingTile;
-
-  selectedTiles.forEach(tile => {
-    const x = tile.positionX;
-    const y = tile.positionY;
-    result.push({ x, y });
-
-    for (let dX = -1; dX <= 1; dX++) {
-      for (let dY = -1; dY <= 1; dY++) {
-        if (Math.abs(dX) === Math.abs(dY)) {
-          continue;
-        }
-
-        newPosition.x = x + dX;
-        newPosition.y = y + dY;
-
-        isSurroundingTile = true;
-        for (let index in selectedTiles) {
-          if (
-            selectedTiles[index].positionX === newPosition.x &&
-            selectedTiles[index].positionY === newPosition.y
-          ) {
-            isSurroundingTile = false;
-            break;
-          }
-        }
-
-        if (
-          isSurroundingTile &&
-          findPositionInRooms(rooms, newPosition.x, newPosition.y) === -1
-        ) {
-          result.push({ x: newPosition.x, y: newPosition.y });
+    const result = [],
+        newPosition = { x: 0, y: 0 }
+    let isSurroundingTile
+
+    selectedTiles.forEach(tile => {
+        const x = tile.positionX
+        const y = tile.positionY
+        result.push({ x, y })
+
+        for (let dX = -1; dX <= 1; dX++) {
+            for (let dY = -1; dY <= 1; dY++) {
+                if (Math.abs(dX) === Math.abs(dY)) {
+                    continue
+                }
+
+                newPosition.x = x + dX
+                newPosition.y = y + dY
+
+                isSurroundingTile = true
+                for (let index in selectedTiles) {
+                    if (
+                        selectedTiles[index].positionX === newPosition.x &&
+                        selectedTiles[index].positionY === newPosition.y
+                    ) {
+                        isSurroundingTile = false
+                        break
+                    }
+                }
+
+                if (
+                    isSurroundingTile &&
+                    findPositionInRooms(rooms, newPosition.x, newPosition.y) === -1
+                ) {
+                    result.push({ x: newPosition.x, y: newPosition.y })
+                }
+            }
         }
-      }
-    }
-  });
+    })
 
-  return result;
+    return result
 }
 
 export function findPositionInPositions(positions, positionX, positionY) {
-  for (let i = 0; i < positions.length; i++) {
-    const position = positions[i];
-    if (positionX === position.x && positionY === position.y) {
-      return i;
+    for (let i = 0; i < positions.length; i++) {
+        const position = positions[i]
+        if (positionX === position.x && positionY === position.y) {
+            return i
+        }
     }
-  }
 
-  return -1;
+    return -1
 }
 
 export function findPositionInRooms(rooms, positionX, positionY) {
-  for (let i = 0; i < rooms.length; i++) {
-    const room = rooms[i];
-    if (findPositionInTiles(room.tiles, positionX, positionY) !== -1) {
-      return i;
+    for (let i = 0; i < rooms.length; i++) {
+        const room = rooms[i]
+        if (findPositionInTiles(room.tiles, positionX, positionY) !== -1) {
+            return i
+        }
     }
-  }
 
-  return -1;
+    return -1
 }
 
 function findPositionInTiles(tiles, positionX, positionY) {
-  let index = -1;
+    let index = -1
 
-  for (let i = 0; i < tiles.length; i++) {
-    const tile = tiles[i];
-    if (positionX === tile.positionX && positionY === tile.positionY) {
-      index = i;
-      break;
+    for (let i = 0; i < tiles.length; i++) {
+        const tile = tiles[i]
+        if (positionX === tile.positionX && positionY === tile.positionY) {
+            index = i
+            break
+        }
     }
-  }
 
-  return index;
+    return index
 }
 
 export function findTileWithPosition(tiles, positionX, positionY) {
-  for (let i = 0; i < tiles.length; i++) {
-    if (tiles[i].positionX === positionX && tiles[i].positionY === positionY) {
-      return tiles[i];
+    for (let i = 0; i < tiles.length; i++) {
+        if (tiles[i].positionX === positionX && tiles[i].positionY === positionY) {
+            return tiles[i]
+        }
     }
-  }
 
-  return null;
+    return null
 }
 
 export function calculateRoomListBounds(rooms) {
-  const min = { x: Number.MAX_VALUE, y: Number.MAX_VALUE };
-  const max = { x: -1, y: -1 };
-
-  rooms.forEach(room => {
-    room.tiles.forEach(tile => {
-      if (tile.positionX < min.x) {
-        min.x = tile.positionX;
-      }
-      if (tile.positionY < min.y) {
-        min.y = tile.positionY;
-      }
-
-      if (tile.positionX > max.x) {
-        max.x = tile.positionX;
-      }
-      if (tile.positionY > max.y) {
-        max.y = tile.positionY;
-      }
-    });
-  });
-
-  max.x++;
-  max.y++;
-
-  const center = {
-    x: min.x + (max.x - min.x) / 2.0,
-    y: min.y + (max.y - min.y) / 2.0
-  };
-
-  return { min, center, max };
+    const min = { x: Number.MAX_VALUE, y: Number.MAX_VALUE }
+    const max = { x: -1, y: -1 }
+
+    rooms.forEach(room => {
+        room.tiles.forEach(tile => {
+            if (tile.positionX < min.x) {
+                min.x = tile.positionX
+            }
+            if (tile.positionY < min.y) {
+                min.y = tile.positionY
+            }
+
+            if (tile.positionX > max.x) {
+                max.x = tile.positionX
+            }
+            if (tile.positionY > max.y) {
+                max.y = tile.positionY
+            }
+        })
+    })
+
+    max.x++
+    max.y++
+
+    const center = {
+        x: min.x + (max.x - min.x) / 2.0,
+        y: min.y + (max.y - min.y) / 2.0,
+    }
+
+    return { min, center, max }
 }
diff --git a/frontend/src/util/timeline.js b/frontend/src/util/timeline.js
index e20d5823..21258e23 100644
--- a/frontend/src/util/timeline.js
+++ b/frontend/src/util/timeline.js
@@ -1,19 +1,19 @@
 export function convertTickToPercentage(tick, maxTick) {
-  if (maxTick === 0) {
-    return "0%";
-  } else if (tick > maxTick) {
-    return maxTick / (maxTick + 1) * 100 + "%";
-  }
+    if (maxTick === 0) {
+        return '0%'
+    } else if (tick > maxTick) {
+        return maxTick / (maxTick + 1) * 100 + '%'
+    }
 
-  return tick / (maxTick + 1) * 100 + "%";
+    return tick / (maxTick + 1) * 100 + '%'
 }
 
 export function getDatacenterIdOfTick(tick, sections) {
-  for (let i in sections.reverse()) {
-    if (tick >= sections[i].startTick) {
-      return sections[i].datacenterId;
+    for (let i in sections.reverse()) {
+        if (tick >= sections[i].startTick) {
+            return sections[i].datacenterId
+        }
     }
-  }
 
-  return -1;
+    return -1
 }