@@ -42,64 +42,63 @@ export const SSHButton: React.FC<React.PropsWithChildren<SSHButtonProps>> = ({
4242>
4343 SSH
4444</ SecondaryAgentButton >
45- < div >
46- < Popover
47- classes = { { paper :styles . popoverPaper } }
48- id = { id }
49- open = { isOpen }
50- anchorEl = { anchorRef . current }
51- onClose = { onClose }
52- anchorOrigin = { {
53- vertical :"bottom" ,
54- horizontal :"left" ,
55- } }
56- transformOrigin = { {
57- vertical :"top" ,
58- horizontal :"left" ,
59- } }
60- >
61- < HelpTooltipText >
62- Run the following commands to connect with SSH:
63- </ HelpTooltipText >
6445
65- < Stack spacing = { 0.5 } className = { styles . codeExamples } >
66- < div >
67- < HelpTooltipText >
68- < strong className = { styles . codeExampleLabel } >
69- Configure SSH hosts on machine:
70- </ strong >
71- </ HelpTooltipText >
72- < CodeExample code = "coder config-ssh" />
73- </ div >
46+ < Popover
47+ classes = { { paper :styles . popoverPaper } }
48+ id = { id }
49+ open = { isOpen }
50+ anchorEl = { anchorRef . current }
51+ onClose = { onClose }
52+ anchorOrigin = { {
53+ vertical :"bottom" ,
54+ horizontal :"left" ,
55+ } }
56+ transformOrigin = { {
57+ vertical :"top" ,
58+ horizontal :"left" ,
59+ } }
60+ >
61+ < HelpTooltipText >
62+ Run the following commands to connect with SSH:
63+ </ HelpTooltipText >
64+
65+ < Stack spacing = { 0.5 } className = { styles . codeExamples } >
66+ < div >
67+ < HelpTooltipText >
68+ < strong className = { styles . codeExampleLabel } >
69+ Configure SSH hosts on machine:
70+ </ strong >
71+ </ HelpTooltipText >
72+ < CodeExample code = "coder config-ssh" />
73+ </ div >
7474
75- < div >
76- < HelpTooltipText >
77- < strong className = { styles . codeExampleLabel } >
78- Connect to the agent:
79- </ strong >
80- </ HelpTooltipText >
81- < CodeExample
82- code = { `ssh${ sshPrefix } ${ workspaceName } .${ agentName } ` }
83- />
84- </ div >
85- </ Stack >
75+ < div >
76+ < HelpTooltipText >
77+ < strong className = { styles . codeExampleLabel } >
78+ Connect to the agent:
79+ </ strong >
80+ </ HelpTooltipText >
81+ < CodeExample
82+ code = { `ssh${ sshPrefix } ${ workspaceName } .${ agentName } ` }
83+ />
84+ </ div >
85+ </ Stack >
8686
87- < HelpTooltipLinksGroup >
88- < HelpTooltipLink href = "https://coder.com/docs/coder-oss/latest/install" >
89- Install Coder CLI
90- </ HelpTooltipLink >
91- < HelpTooltipLink href = "https://coder.com/docs/coder-oss/latest/ides#vs-code-remote" >
92- Connect via VS Code Remote SSH
93- </ HelpTooltipLink >
94- < HelpTooltipLink href = "https://coder.com/docs/coder-oss/latest/ides#jetbrains-gateway" >
95- Connect via JetBrains Gateway
96- </ HelpTooltipLink >
97- < HelpTooltipLink href = "https://coder.com/docs/coder-oss/latest/ides#ssh-configuration" >
98- SSH configuration
99- </ HelpTooltipLink >
100- </ HelpTooltipLinksGroup >
101- </ Popover >
102- </ div >
87+ < HelpTooltipLinksGroup >
88+ < HelpTooltipLink href = "https://coder.com/docs/coder-oss/latest/install" >
89+ Install Coder CLI
90+ </ HelpTooltipLink >
91+ < HelpTooltipLink href = "https://coder.com/docs/coder-oss/latest/ides#vs-code-remote" >
92+ Connect via VS Code Remote SSH
93+ </ HelpTooltipLink >
94+ < HelpTooltipLink href = "https://coder.com/docs/coder-oss/latest/ides#jetbrains-gateway" >
95+ Connect via JetBrains Gateway
96+ </ HelpTooltipLink >
97+ < HelpTooltipLink href = "https://coder.com/docs/coder-oss/latest/ides#ssh-configuration" >
98+ SSH configuration
99+ </ HelpTooltipLink >
100+ </ HelpTooltipLinksGroup >
101+ </ Popover >
103102</ >
104103)
105104}