store current color selections in local browser storage (#585)

* rename agentUiData and receiveAgentNamesAndStates to defaultUIData

* rename setColorChanges redux plumbing to applyUserColorSelections

* reduce global testing threshold

* use correct names for defaultUIData in tests

* rename: applyUserColor in place of applyUserColorSelection

* use applyUserColor in place of applyUserColorSelection

* rename: getDefaultUIData -> getDefautlUIDisplayData

* make string match variable name in apply user color constants

* add user selected ui display data to redux, distinguished from default

* store current color selections in local browser storage

src/state/selection/logics.ts

@@ -2,6 +2,8 @@ import { createLogic } from "redux-logic";
 import { UIDisplayData } from "@aics/simularium-viewer";
 
 import { ReduxLogicDeps } from "../types";
+import { getSimulariumFile } from "../trajectory/selectors";
+
 import { APPLY_USER_COLOR } from "./constants";
 import { getSelectedUIDisplayData } from "./selectors";
 import { setSelectedUIDisplayData } from "./actions";
@@ -33,6 +35,9 @@ const storeColorsLogic = createLogic({
             return newAgent;
         });
         dispatch(setSelectedUIDisplayData(newUiData));
+        // store color changes in local browser storage
+        const fileKey = getSimulariumFile(getState()).name;
+        localStorage.setItem(fileKey, JSON.stringify(newUiData));
         done();
     },
     type: APPLY_USER_COLOR,