diff --git a/frontend/src/pages/Project/Details/Settings/index.tsx b/frontend/src/pages/Project/Details/Settings/index.tsx index 7d2b9bd3f0..45e5bb3a90 100644 --- a/frontend/src/pages/Project/Details/Settings/index.tsx +++ b/frontend/src/pages/Project/Details/Settings/index.tsx @@ -230,7 +230,7 @@ export const ProjectSettings: React.FC = () => { onNavigate={({ detail }) => setActiveStepIndex(detail.requestedStepIndex)} activeStepIndex={activeStepIndex} onSubmit={() => setIsExpandedCliSection(false)} - submitButtonText="Dismiss" + submitButtonText="Done" allowSkipTo={true} steps={[ { diff --git a/frontend/src/pages/Runs/Details/RunDetails/ConnectToRunWithDevEnvConfiguration/index.tsx b/frontend/src/pages/Runs/Details/RunDetails/ConnectToRunWithDevEnvConfiguration/index.tsx index 54d03c388d..bcd618a0dd 100644 --- a/frontend/src/pages/Runs/Details/RunDetails/ConnectToRunWithDevEnvConfiguration/index.tsx +++ b/frontend/src/pages/Runs/Details/RunDetails/ConnectToRunWithDevEnvConfiguration/index.tsx @@ -1,20 +1,7 @@ import React, { FC } from 'react'; import { useTranslation } from 'react-i18next'; -import { - Alert, - Box, - Button, - Code, - Container, - ExpandableSection, - Header, - Popover, - SpaceBetween, - StatusIndicator, - Tabs, - Wizard, -} from 'components'; +import { Alert, Box, Button, Code, ExpandableSection, Popover, SpaceBetween, StatusIndicator, Tabs, Wizard } from 'components'; import { copyToClipboard } from 'libs'; @@ -28,6 +15,7 @@ const PipInstallCommand = 'pip install dstack -U'; export const ConnectToRunWithDevEnvConfiguration: FC<{ run: IRun }> = ({ run }) => { const { t } = useTranslation(); + const [isExpandedConnectSection, setIsExpandedConnectSection] = React.useState(true); const getAttachCommand = (runData: IRun) => { const attachCommand = `dstack attach ${runData.run_spec.run_name} --logs`; @@ -62,9 +50,19 @@ export const ConnectToRunWithDevEnvConfiguration: FC<{ run: IRun }> = ({ run }) const [configCliCommand, copyCliCommand] = useConfigProjectCliCommand({ projectName: run.project_name }); return ( - -
Connect
- + setIsExpandedConnectSection(detail.expanded)} + headerActions={ +