added feature to show last run workflow

ImACoderImACoderImACoder · ImACoderImACoderImACoder · commit e5c06ac7b3df · 2025-06-03T17:05:03.000-04:00
diff --git a/src/features/deviceBLEconnection/Ble.jsx b/src/features/deviceBLEconnection/Ble.jsx
@@ -26,7 +26,7 @@ export default function Ble(props) {
     "10 minutes or less is the ideal time for a bag to store vapor",
     "For best results preheat the chamber for 2-5 seconds before attaching the bag",
     "Drag and drop can be used to reorder workflows and workflow items on all devices",
-    "New Setting! You can now have your Volcano automatically turn on the heat when connecting to the app",
+    "If you want to visually see the last workflow run you can enable highlight last run workflow in settings",
     "The Auto Seasonal Rotate theme selects a festive theme when it can and falls back on a semi-random theme",
   ];
 
diff --git a/src/features/deviceInteraction/WriteTemperature/WriteTemperature.jsx b/src/features/deviceInteraction/WriteTemperature/WriteTemperature.jsx
@@ -1,8 +1,16 @@
 import { Div } from "./styledComponents";
-import { ActiveButton, InactiveButton } from "./styledComponents";
+import {
+  ActiveButton,
+  InactiveButton,
+  GlowyInactiveButton,
+} from "./styledComponents";
 
 function WriteTemperature(props) {
-  const Button = props.isActive ? ActiveButton : InactiveButton;
+  const Button = props.isActive
+    ? ActiveButton
+    : props.isGlowy
+    ? GlowyInactiveButton
+    : InactiveButton;
   const { onClick, buttonText, className, buttonClassName } = {
     ...props,
   };
diff --git a/src/features/deviceInteraction/WriteTemperature/styledComponents.jsx b/src/features/deviceInteraction/WriteTemperature/styledComponents.jsx
@@ -1,4 +1,13 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
+
+const glowStyles = css`
+  ${({ theme }) => {
+    return css`
+      box-shadow: 0 0 6px ${theme.primaryFontColor},
+        0 0 12px ${theme.primaryFontColor};
+    `;
+  }}
+`;
 
 export const InactiveButton = styled.button`
   font-size: 1.25rem;
@@ -17,7 +26,9 @@ export const InactiveButton = styled.button`
     border-color: ${(props) => props.theme.buttonActive.borderColor};
   }
 `;
-
+export const GlowyInactiveButton = styled(InactiveButton)`
+  ${glowStyles}
+`;
 export const ActiveButton = styled(InactiveButton)`
   background-color: ${(props) => props.theme.buttonActive.backgroundColor};
   color: ${(props) => props.theme.buttonActive.color};
diff --git a/src/features/settings/HighlightLastRunWorkflow/HighlightLastRunWorkflow.jsx b/src/features/settings/HighlightLastRunWorkflow/HighlightLastRunWorkflow.jsx
@@ -0,0 +1,39 @@
+import { useSelector } from "react-redux";
+import StyledToggleSwitch from "../Shared/StyledComponents/StyledToggleDiv";
+import Div from "../Shared/StyledComponents/Div";
+import PrideText, { PrideTextWithDiv } from "../../../themes/PrideText";
+import { useDispatch } from "react-redux";
+import {
+  ReadConfigFromLocalStorage,
+  WriteNewConfigToLocalStorage,
+} from "../../../services/utils";
+import { setHighlightLastRunWorkflow } from "../settingsSlice";
+
+export default function HighlightLastRunWorkflow() {
+  const dispatch = useDispatch();
+  const highlightLastRunWorkflow = useSelector(
+    (state) => state.settings.config.highlightLastRunWorkflow
+  );
+
+  const onChange = () => {
+    const config = ReadConfigFromLocalStorage();
+    config.highlightLastRunWorkflow = !highlightLastRunWorkflow;
+    WriteNewConfigToLocalStorage(config);
+    dispatch(setHighlightLastRunWorkflow(!highlightLastRunWorkflow));
+  };
+
+  return (
+    <Div>
+      <h2>
+        <PrideText text="Highlight last run workflow" />
+      </h2>
+      <div onClick={onChange}>
+        <StyledToggleSwitch
+          onText="On"
+          offText={<PrideTextWithDiv text="Off" />}
+          isToggleOn={highlightLastRunWorkflow}
+        />
+      </div>
+    </Div>
+  );
+}
diff --git a/src/features/settings/Settings.jsx b/src/features/settings/Settings.jsx
@@ -11,6 +11,7 @@ import ThemesContainer from "./Theming/ThemesContainer";
 import PrideText from "../../themes/PrideText";
 import TurnHeatOnWhenConnectionIsEstablished from "./TurnHeatOnWhenConnectionIsEstablished/TurnHeatOnWhenConnectionIsEstablished";
 import ShowCurrentWorkflowDetails from "./ShowCurrentWorkflowDetails/ShowCurrentWorkflowDetails";
+import HighlightLastRunWorkflow from "./HighlightLastRunWorkflow/HighlightLastRunWorkflow";
 export default function Settings() {
   return (
     <Div>
@@ -25,6 +26,7 @@ export default function Settings() {
       <AdjustAutoShutoffTimeContainer />
       <VibrationToggleContainer />
       <DisplayOnCoolingToggleContainer />
+      <HighlightLastRunWorkflow />
       <ShowCurrentWorkflowDetails />
       <TurnHeatOnWhenConnectionIsEstablished />
       <TemperatureControlSettings />
diff --git a/src/features/settings/settingsSlice.js b/src/features/settings/settingsSlice.js
@@ -43,6 +43,9 @@ export const settingsSlice = createSlice({
     setShowCurrentWorkflowDetails: (state, action) => {
       state.config.showCurrentWorkflowDetails = action.payload;
     },
+    setHighlightLastRunWorkflow: (state, action) => {
+      state.config.highlightLastRunWorkflow = action.payload;
+    },
   },
   extraReducers: (builder) => {
     builder.addCase(RE_INITIALIZE_STORE, (state) => {
@@ -70,6 +73,7 @@ export const {
   setCurrentWorkflows,
   setFanOnGlobal,
   setShowCurrentWorkflowDetails,
+  setHighlightLastRunWorkflow,
 } = settingsSlice.actions;
 
 export default settingsSlice.reducer;
diff --git a/src/features/workflowEditor/WorkflowButtons.jsx b/src/features/workflowEditor/WorkflowButtons.jsx
@@ -44,10 +44,18 @@ export default function WorkFlow() {
   const workflows = useSelector(
     (state) => state.settings.config.workflows.items
   );
+
+  const highlightLastRunWorkflow = useSelector(
+    (state) => state.settings.config.highlightLastRunWorkflow
+  );
   const currentWorkflow = useSelector(
     (state) => state.workflow.currentWorkflow
   );
 
+  const lastWorkflowRunId = useSelector(
+    (state) => state.workflow.lastWorkflowRunId
+  );
+
   const executeWithManagedSetTimeout = (func, timeout = 100) => {
     currentSetTimeouts.push(
       setTimeout(() => {
@@ -244,13 +252,15 @@ export default function WorkFlow() {
     <div className="temperature-write-div">
       {workflows.map((item, index) => {
         const isActive = currentWorkflow?.id === item.id;
+        const isLastRunWorkflow = item.id === lastWorkflowRunId && !isActive;
         const buttonText = isActive ? "Tap to Cancel" : item.name;
         return (
           <WriteTemperature
             key={index}
             onClick={() => onClick(index)}
             buttonText={<PrideText text={buttonText} />}
             isActive={isActive}
+            isGlowy={highlightLastRunWorkflow && isLastRunWorkflow}
           />
         );
       })}
diff --git a/src/features/workflowEditor/workflowSlice.js b/src/features/workflowEditor/workflowSlice.js
@@ -1,16 +1,30 @@
 import { createSlice } from "@reduxjs/toolkit";
 import { RE_INITIALIZE_STORE } from "../../constants/actions";
+import {
+  ReadConfigFromLocalStorage,
+  WriteNewConfigToLocalStorage,
+} from "../../services/utils";
 
 export const workflowSlice = createSlice({
   name: "workflow",
   initialState: {
     currentWorkflow: undefined,
     currentWorkflowStepId: undefined,
     currentStepEllapsedTimeInSeconds: 0,
+    lastWorkflowRunId:
+      ReadConfigFromLocalStorage().workflows?.lastWorkflowRunId,
   },
   reducers: {
     setCurrentWorkflow: (state, action) => {
       state.currentWorkflow = action.payload;
+      const newLastWorkFlowRunId =
+        action.payload?.id || state.lastWorkflowRunId;
+      if (newLastWorkFlowRunId !== state.lastWorkflowRunId) {
+        state.lastWorkflowRunId = newLastWorkFlowRunId;
+        const config = ReadConfigFromLocalStorage();
+        config.workflows.lastWorkflowRunId = newLastWorkFlowRunId;
+        WriteNewConfigToLocalStorage(config);
+      }
     },
     setCurrentWorkflowStepId: (state, action) => {
       state.currentWorkflowStepId = action.payload;
@@ -26,6 +40,8 @@ export const workflowSlice = createSlice({
         currentWorkflow: undefined,
         currentWorkflowStepId: undefined,
         currentStepEllapsedTimeInSeconds: 0,
+        lastWorkflowRunId:
+          ReadConfigFromLocalStorage().workflows?.lastWorkflowRunId,
       };
     });
   },
