refactor(ui): Encode state in topology actions

This change updates the OpenDC frontend to reduce its reliance of global
state during the execution of actions. Actions that modify the topology
now require parameters to be passed via the action constructor instead
of relying on the global interactionLevel state.

1 files changed, 3 insertions, 4 deletions

diff --git a/opendc-web/opendc-web-ui/src/redux/sagas/prefabs.js b/opendc-web/opendc-web-ui/src/redux/sagas/prefabs.js
index 91b03bf6..f717d878 100644
--- a/opendc-web/opendc-web-ui/src/redux/sagas/prefabs.js
+++ b/opendc-web/opendc-web-ui/src/redux/sagas/prefabs.js
@@ -4,14 +4,13 @@ import { addPrefab } from '../../api/prefabs'
 import { Rack } from '../../util/topology-schema'
 import { denormalize } from 'normalizr'
 
-export function* onAddPrefab(action) {
+export function* onAddPrefab({ name, tileId }) {
     try {
-        const interactionLevel = yield select((state) => state.interactionLevel)
         const objects = yield select((state) => state.objects)
-        const rack = objects.rack[objects.tile[interactionLevel.tileId].rack]
+        const rack = objects.rack[objects.tile[tileId].rack]
         const prefabRack = denormalize(rack, Rack, objects)
         const auth = yield getContext('auth')
-        const prefab = yield call(() => addPrefab(auth, { name: action.name, rack: prefabRack }))
+        const prefab = yield call(() => addPrefab(auth, { name, rack: prefabRack }))
         yield put(addToStore('prefab', prefab))
     } catch (error) {
         console.error(error)