From 1cd77a4a774c962fa073a83c93a9e6445215aecd Mon Sep 17 00:00:00 2001
From: Dan Albert <dan@gingerhq.net>
Date: Tue, 1 Mar 2022 23:39:49 -0800
Subject: [PATCH] Fix display of control points.

Apparently redux state objects *must* be objects.
---
 client/src/api/controlPointsSlice.ts                   | 10 ++++++++--
 .../controlpointslayer/ControlPointsLayer.tsx          |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/client/src/api/controlPointsSlice.ts b/client/src/api/controlPointsSlice.ts
index 3d0e8377..84b823ad 100644
--- a/client/src/api/controlPointsSlice.ts
+++ b/client/src/api/controlPointsSlice.ts
@@ -3,14 +3,20 @@ import { PayloadAction, createSlice } from "@reduxjs/toolkit";
 import { ControlPoint } from "./controlpoint";
 import { RootState } from "../app/store";
 
-const initialState: ControlPoint[] = [];
+interface ControlPointsState {
+  controlPoints: ControlPoint[];
+}
+
+const initialState: ControlPointsState = {
+  controlPoints: [],
+};
 
 export const controlPointsSlice = createSlice({
   name: "controlPoints",
   initialState,
   reducers: {
     setControlPoints: (state, action: PayloadAction<ControlPoint[]>) => {
-      state = action.payload;
+      state.controlPoints = action.payload;
     },
   },
 });
diff --git a/client/src/components/controlpointslayer/ControlPointsLayer.tsx b/client/src/components/controlpointslayer/ControlPointsLayer.tsx
index 93b3ed70..72f4e3dc 100644
--- a/client/src/components/controlpointslayer/ControlPointsLayer.tsx
+++ b/client/src/components/controlpointslayer/ControlPointsLayer.tsx
@@ -7,7 +7,7 @@ export default function ControlPointsLayer() {
   const controlPoints = useAppSelector(selectControlPoints);
   return (
     <LayerGroup>
-      {controlPoints.map((controlPoint) => {
+      {controlPoints.controlPoints.map((controlPoint) => {
         return (
           <ControlPoint key={controlPoint.name} controlPoint={controlPoint} />
         );