diff --git a/src/containers/AdminCampaignEdit/sections/CampaignInteractionStepsForm/index.tsx b/src/containers/AdminCampaignEdit/sections/CampaignInteractionStepsForm/index.tsx index c1925e06d..66ea0be82 100644 --- a/src/containers/AdminCampaignEdit/sections/CampaignInteractionStepsForm/index.tsx +++ b/src/containers/AdminCampaignEdit/sections/CampaignInteractionStepsForm/index.tsx @@ -1,11 +1,11 @@ import type { ApolloQueryResult } from "@apollo/client"; import { gql } from "@apollo/client"; -import Box from "@material-ui/core/Box"; import Button from "@material-ui/core/Button"; import Dialog from "@material-ui/core/Dialog"; import DialogActions from "@material-ui/core/DialogActions"; import DialogContent from "@material-ui/core/DialogContent"; import DialogContentText from "@material-ui/core/DialogContentText"; +import Grid from "@material-ui/core/Grid"; import type { CampaignVariablePage } from "@spoke/spoke-codegen"; import produce from "immer"; import isEqual from "lodash/isEqual"; @@ -321,6 +321,7 @@ const CampaignInteractionStepsForm: React.FC = (props) => { const isSaveDisabled = isWorking || hasEmptyScripts || (!isNew && !hasPendingChanges); const finalSaveLabel = isWorking ? "Working..." : saveLabel; + const upperSaveLabel = isWorking ? "Working..." : "Save"; const tree = makeTree(interactionSteps); const finalFree: InteractionStepWithChildren = isEqual(tree, { @@ -389,9 +390,22 @@ const CampaignInteractionStepsForm: React.FC = (props) => { title="What do you want to discuss?" subtitle="You can add scripts and questions and your texters can indicate responses from your contacts. For example, you might want to collect RSVPs to an event or find out whether to follow up about a different volunteer activity." /> - - - + + + + + + + + {renderInvalidScriptFields()}