refactor: Rename actions

Author: bprusinowski

app/components/chart-preview.tsx

@@ -516,7 +516,7 @@ const ChartPreviewInner = ({
                         configuring
                           ? () =>
                               dispatch({
-                                type: "CHART_ACTIVE_FIELD_CHANGED",
+                                type: "CHART_ACTIVE_FIELD_CHANGE",
                                 value: "title",
                               })
                           : undefined
@@ -548,7 +548,7 @@ const ChartPreviewInner = ({
                       configuring
                         ? () => {
                             dispatch({
-                              type: "CHART_ACTIVE_FIELD_CHANGED",
+                              type: "CHART_ACTIVE_FIELD_CHANGE",
                               value: "description",
                             });
                           }

app/components/chart-selection-tabs.tsx

@@ -279,7 +279,7 @@ const TabsEditable = (props: TabsEditableProps) => {
               onClick={() => {
                 switchChart(tabsState.activeChartKey);
                 dispatch({
-                  type: "CHART_ACTIVE_FIELD_CHANGED",
+                  type: "CHART_ACTIVE_FIELD_CHANGE",
                   value: "label",
                 });
                 handleClose();
@@ -646,7 +646,7 @@ const TabContent = (props: {
 
           if (editable) {
             dispatch({
-              type: "CHART_ACTIVE_FIELD_CHANGED",
+              type: "CHART_ACTIVE_FIELD_CHANGE",
               value: undefined,
             });
           }

app/components/dashboard-shared.tsx

@@ -39,7 +39,7 @@ export const BlockMoreButton = ({ blockKey }: { blockKey: string }) => {
       },
     });
     dispatch({
-      type: "LAYOUT_ACTIVE_FIELD_CHANGED",
+      type: "LAYOUT_ACTIVE_FIELD_CHANGE",
       value: key,
     });
   });
@@ -54,7 +54,7 @@ export const BlockMoreButton = ({ blockKey }: { blockKey: string }) => {
 
     if (layout.activeField === blockKey) {
       dispatch({
-        type: "LAYOUT_ACTIVE_FIELD_CHANGED",
+        type: "LAYOUT_ACTIVE_FIELD_CHANGE",
         value: undefined,
       });
     }

app/components/text-block.tsx

@@ -59,7 +59,7 @@ export const TextBlock = forwardRef<
     }
 
     dispatch({
-      type: "LAYOUT_ACTIVE_FIELD_CHANGED",
+      type: "LAYOUT_ACTIVE_FIELD_CHANGE",
       value: block.key,
     });
   });

app/configurator/components/annotator-options.tsx

@@ -61,8 +61,8 @@ const AnnotatorOptions = ({
     dispatch({
       type:
         type === "chart"
-          ? "CHART_ACTIVE_FIELD_CHANGED"
-          : "LAYOUT_ACTIVE_FIELD_CHANGED",
+          ? "CHART_ACTIVE_FIELD_CHANGE"
+          : "LAYOUT_ACTIVE_FIELD_CHANGE",
       value: undefined,
     });
   });

app/configurator/components/block-options-selector.tsx

@@ -34,7 +34,7 @@ export const LayoutBlocksSelector = () => {
 
   const handleClosePanel = useEvent(() => {
     dispatch({
-      type: "LAYOUT_ACTIVE_FIELD_CHANGED",
+      type: "LAYOUT_ACTIVE_FIELD_CHANGE",
       value: undefined,
     });
   });

app/configurator/components/chart-annotations/add-annotation-button.tsx

@@ -40,7 +40,7 @@ export const AddAnnotationButton = () => {
       value: annotation,
     });
     dispatch({
-      type: "CHART_ACTIVE_FIELD_CHANGED",
+      type: "CHART_ACTIVE_FIELD_CHANGE",
       value: annotation.key,
     });
   });

app/configurator/components/chart-annotations/chart-annotations.tsx

@@ -57,7 +57,7 @@ const ChartAnnotationTab = ({ annotation }: { annotation: Annotation }) => {
 
   const handleClick = useEvent(() => {
     dispatch({
-      type: "CHART_ACTIVE_FIELD_CHANGED",
+      type: "CHART_ACTIVE_FIELD_CHANGE",
       value: annotation.key,
     });
   });

app/configurator/components/chart-controls/section.tsx

@@ -241,14 +241,14 @@ export const SectionTitle = ({
 
     if (isConfiguring(state)) {
       return dispatch({
-        type: "CHART_ACTIVE_FIELD_CHANGED",
+        type: "CHART_ACTIVE_FIELD_CHANGE",
         value: undefined,
       });
     }
 
     if (isLayouting(state)) {
       return dispatch({
-        type: "LAYOUT_ACTIVE_FIELD_CHANGED",
+        type: "LAYOUT_ACTIVE_FIELD_CHANGE",
         value: undefined,
       });
     }

app/configurator/components/configurator.tsx

@@ -398,7 +398,10 @@ const ConfigureChartStep = () => {
   const chartConfig = getChartConfig(state);
   const router = useRouter();
   const handleClosePanel = useEvent(() => {
-    dispatch({ type: "CHART_ACTIVE_FIELD_CHANGED", value: undefined });
+    dispatch({
+      type: "CHART_ACTIVE_FIELD_CHANGE",
+      value: undefined,
+    });
   });
   const handlePrevious = useEvent(() => {
     if (!configuring) {
@@ -502,12 +505,16 @@ const LayoutingStep = () => {
   const locale = useLocale();
   const [state, dispatch] = useConfiguratorState(isLayouting);
   const handleClosePanel = useEvent(() => {
-    dispatch({ type: "LAYOUT_ACTIVE_FIELD_CHANGED", value: undefined });
+    dispatch({
+      type: "LAYOUT_ACTIVE_FIELD_CHANGE",
+      value: undefined,
+    });
   });
   const handlePrevious = useEvent(() => {
     if (state.state !== "LAYOUTING") {
       return;
     }
+
     dispatch({ type: "STEP_PREVIOUS" });
   });
 
@@ -710,7 +717,7 @@ const LayoutingStep = () => {
                   onClick={() => {
                     if (state.layout.activeField !== "title") {
                       dispatch({
-                        type: "LAYOUT_ACTIVE_FIELD_CHANGED",
+                        type: "LAYOUT_ACTIVE_FIELD_CHANGE",
                         value: "title",
                       });
                     }
@@ -721,7 +728,7 @@ const LayoutingStep = () => {
                   onClick={() => {
                     if (state.layout.activeField !== "description") {
                       dispatch({
-                        type: "LAYOUT_ACTIVE_FIELD_CHANGED",
+                        type: "LAYOUT_ACTIVE_FIELD_CHANGE",
                         value: "description",
                       });
                     }