remove finish checkbox from create cluster

Author: jsladerman

www/src/components/create-cluster/CreateClusterActions.tsx

@@ -26,9 +26,9 @@ export function CreateClusterActions() {
     setCurStep,
     cloudOption,
     hostingOption,
-    finishEnabled,
     continueBtn,
     consoleInstanceId,
+    isCreatingInstance,
   } = useCreateClusterContext()
 
   const { isPaidPlan, isTrialPlan, isTrialExpired, isEnterprisePlan } =
@@ -103,7 +103,7 @@ export function CreateClusterActions() {
             )
           ) : (
             <Button
-              disabled={!finishEnabled}
+              disabled={isCreatingInstance}
               onClick={handleFinish}
             >
               Finish

www/src/components/create-cluster/CreateClusterWizard.tsx

@@ -12,11 +12,11 @@ import React, { ReactElement, createContext, useContext } from 'react'
 import { ConsoleInstanceType } from 'generated/graphql'
 
 import { AuthenticationStep } from './steps/AuthenticationStep'
+import { ChooseCloudStep } from './steps/ChooseCloudStep'
+import { ChooseHostingOptionStep } from './steps/ChooseHostingOptionStep'
 import { ConfigureCloudInstanceStep } from './steps/ConfigureCloudInstanceStep'
 import { DeployLocallyStep } from './steps/DeployLocallyStep'
-import { ChooseCloudStep } from './steps/ChooseCloudStep'
 import { InstallCliStep } from './steps/InstallCliStep'
-import { ChooseHostingOptionStep } from './steps/ChooseHostingOptionStep'
 
 export enum CreateClusterStepKey {
   ChooseCloud = 'choose-cloud',
@@ -42,8 +42,6 @@ export type CreateClusterContextType = {
   setHostingOption: (option: ConsoleInstanceType) => void
   curStep: CreateClusterStepKey
   setCurStep: (step: CreateClusterStepKey) => void
-  finishEnabled: boolean
-  setFinishEnabled: (enabled: boolean) => void
   continueBtn?: ReactElement
   setContinueBtn: (continueBtn?: ReactElement) => void
   consoleInstanceId: Nullable<string>

www/src/components/create-cluster/steps/AuthenticationStep.tsx

@@ -2,20 +2,18 @@ import {
   ArrowTopRightIcon,
   Button,
   Callout,
-  Checkbox,
   Codeline,
   Flex,
   WrapWithIf,
 } from '@pluralsh/design-system'
-import styled, { CSSProp, useTheme } from 'styled-components'
+import styled, { useTheme } from 'styled-components'
 
-import { useCreateClusterContext } from '../CreateClusterWizard'
 import { sanitizeConsoleUrl } from 'components/overview/clusters/all/AllClustersTableCols'
+import { useCreateClusterContext } from '../CreateClusterWizard'
 
 export function AuthenticationStep() {
   const theme = useTheme()
-  const { consoleUrl, isCreatingInstance, finishEnabled, setFinishEnabled } =
-    useCreateClusterContext()
+  const { consoleUrl, isCreatingInstance } = useCreateClusterContext()
 
   return (
     <div css={{ position: 'relative' }}>
@@ -71,21 +69,6 @@ export function AuthenticationStep() {
           <Codeline css={{ background: theme.colors['fill-two'] }}>
             plural up --cloud
           </Codeline>
-          <Checkbox
-            small
-            checked={finishEnabled}
-            onChange={(e) => setFinishEnabled(e.target.checked)}
-            css={
-              {
-                '& .label': {
-                  userSelect: 'none',
-                },
-              } as CSSProp
-            }
-          >
-            I successfully authenticated my cloud instance locally.
-            <span css={{ color: theme.colors['text-danger'] }}>*</span>
-          </Checkbox>
         </Flex>
       </WrapWithIf>
     </div>

www/src/components/create-cluster/steps/DeployLocallyStep.tsx

@@ -1,11 +1,8 @@
-import { Callout, Checkbox, Codeline, Flex } from '@pluralsh/design-system'
-import { CSSProp, useTheme } from 'styled-components'
-
-import { useCreateClusterContext } from '../CreateClusterWizard'
+import { Callout, Codeline, Flex } from '@pluralsh/design-system'
+import { useTheme } from 'styled-components'
 
 export function DeployLocallyStep() {
   const theme = useTheme()
-  const { finishEnabled, setFinishEnabled } = useCreateClusterContext()
 
   return (
     <Flex
@@ -41,21 +38,6 @@ export function DeployLocallyStep() {
           </a>
         </span>
       </Flex>
-      <Checkbox
-        small
-        checked={finishEnabled}
-        onChange={(e) => setFinishEnabled(e.target.checked)}
-        css={
-          {
-            '& .label': {
-              userSelect: 'none',
-            },
-          } as CSSProp
-        }
-      >
-        The `plural up` command has finished running.
-        <span css={{ color: theme.colors['text-danger'] }}>*</span>
-      </Checkbox>
     </Flex>
   )
 }