refactor: rename context

Author: pregnantboy

packages/frontend/src/components/Editor/components/StepsList.tsx

@@ -6,7 +6,7 @@ import { Center, Flex } from '@chakra-ui/react'
 import PrimarySpinner from '@/components/PrimarySpinner'
 import { SortableList } from '@/components/SortableList'
 import { EditorContext } from '@/contexts/Editor'
-import { StepExecutionsToIncludeContext } from '@/contexts/StepExecutionsToInclude'
+import { StepsToDisplayContext } from '@/contexts/StepsToDisplay'
 import { FlowStepGroup } from '@/exports/components'
 import { StepEnumType } from '@/graphql/__generated__/graphql'
 import { TOOLBOX_ACTIONS } from '@/helpers/toolbox'
@@ -28,7 +28,7 @@ export function StepsList({ isNested }: StepsListProps) {
     groupedSteps,
     appsWithActions,
     groupingActions,
-  } = useContext(StepExecutionsToIncludeContext)
+  } = useContext(StepsToDisplayContext)
   const { flow, isDrawerOpen, isMobile, readOnly } = useContext(EditorContext)
 
   const { handleReorderUpdate } = useReorderSteps(flow.id)

packages/frontend/src/components/Editor/index.tsx

@@ -4,7 +4,7 @@ import { Flex } from '@chakra-ui/react'
 import EditorRightDrawer from '@/components/EditorRightDrawer'
 import { EditorContext } from '@/contexts/Editor'
 import { MrfContextProvider } from '@/contexts/MrfContext'
-import { StepExecutionsToIncludeProvider } from '@/contexts/StepExecutionsToInclude'
+import { StepsToDisplayProvider } from '@/contexts/StepsToDisplay'
 
 import { StepsList } from './components/StepsList'
 import { EDITOR_RIGHT_DRAWER_WIDTH } from './constants'
@@ -41,7 +41,7 @@ export default function Editor(props: EditorProps): React.ReactElement {
       }}
     >
       <MrfContextProvider>
-        <StepExecutionsToIncludeProvider>
+        <StepsToDisplayProvider>
           <StepsList isNested={isNested} />
           {/** HACKFIX (kevinkim-ogp): to ensure that the transitions are smooth */}
           <Flex
@@ -58,7 +58,7 @@ export default function Editor(props: EditorProps): React.ReactElement {
           >
             <EditorRightDrawer step={currentStep} />
           </Flex>
-        </StepExecutionsToIncludeProvider>
+        </StepsToDisplayProvider>
       </MrfContextProvider>
     </Flex>
   )

packages/frontend/src/contexts/StepExecutions.tsx

@@ -5,7 +5,7 @@ import { createContext, useContext, useMemo } from 'react'
 import { TOOLBOX_ACTIONS } from '@/helpers/toolbox'
 
 import { EditorContext } from './Editor'
-import { StepExecutionsToIncludeContext } from './StepExecutionsToInclude'
+import { StepsToDisplayContext } from './StepsToDisplay'
 
 export const StepExecutionsContext = createContext<{
   priorExecutionSteps: IExecutionStep[]
@@ -26,7 +26,7 @@ export const StepExecutionsProvider = ({
     triggerStep,
     actionStepsBeforeGroup: stepsBeforeGroup,
     groupedSteps,
-  } = useContext(StepExecutionsToIncludeContext)
+  } = useContext(StepsToDisplayContext)
 
   //
   // Compute which steps are eligible for variable extraction.

packages/frontend/src/contexts/StepExecutionsToInclude.tsx renamed to packages/frontend/src/contexts/StepsToDisplay.tsx

@@ -7,28 +7,27 @@ import { extractBranchesWithSteps } from '@/helpers/toolbox'
 
 import { EditorContext } from './Editor'
 
-export type StepExecutionsToIncludeContextData = {
+export type StepToDisplayContextValue = {
   triggerStep: IStep | null
   actionStepsBeforeGroup: IStep[]
   groupedSteps: IStep[][]
   appsWithActions: IApp[]
   groupingActions: Set<string> | null
 }
 
-export const StepExecutionsToIncludeContext =
-  createContext<StepExecutionsToIncludeContextData>({
-    triggerStep: null,
-    actionStepsBeforeGroup: [],
-    groupedSteps: [],
-    appsWithActions: [],
-    groupingActions: null,
-  })
+export const StepsToDisplayContext = createContext<StepToDisplayContextValue>({
+  triggerStep: null,
+  actionStepsBeforeGroup: [],
+  groupedSteps: [],
+  appsWithActions: [],
+  groupingActions: null,
+})
 
 interface StepExecutionsProviderProps {
   children: ReactNode
 }
 
-export function StepExecutionsToIncludeProvider({
+export function StepsToDisplayProvider({
   children,
 }: StepExecutionsProviderProps): JSX.Element {
   const { allApps, flow } = useContext(EditorContext)
@@ -85,7 +84,7 @@ export function StepExecutionsToIncludeProvider({
   }, [groupingActions, steps])
 
   return (
-    <StepExecutionsToIncludeContext.Provider
+    <StepsToDisplayContext.Provider
       value={{
         triggerStep,
         actionStepsBeforeGroup,
@@ -95,6 +94,6 @@ export function StepExecutionsToIncludeProvider({
       }}
     >
       {children}
-    </StepExecutionsToIncludeContext.Provider>
+    </StepsToDisplayContext.Provider>
   )
 }