@@ -41,7 +41,7 @@ export function WorkspacePanel({ tutorialStore, theme }: Props) {
41
41
42
42
return (
43
43
< PanelGroup className = { resizePanelStyles . PanelGroup } direction = "vertical" >
44
- < Editor
44
+ < EditorSection
45
45
theme = { theme }
46
46
tutorialStore = { tutorialStore }
47
47
hasEditor = { hasEditor }
@@ -55,7 +55,7 @@ export function WorkspacePanel({ tutorialStore, theme }: Props) {
55
55
disabled = { ! hasEditor }
56
56
/>
57
57
58
- < Preview
58
+ < PreviewsSection
59
59
theme = { theme }
60
60
tutorialStore = { tutorialStore }
61
61
terminalPanelRef = { terminalPanelRef }
@@ -71,7 +71,7 @@ export function WorkspacePanel({ tutorialStore, theme }: Props) {
71
71
disabled = { hideTerminalPanel || ! hasPreviews }
72
72
/>
73
73
74
- < Terminal
74
+ < TerminalSection
75
75
tutorialStore = { tutorialStore }
76
76
theme = { theme }
77
77
terminalPanelRef = { terminalPanelRef }
@@ -84,7 +84,7 @@ export function WorkspacePanel({ tutorialStore, theme }: Props) {
84
84
) ;
85
85
}
86
86
87
- function Editor ( { theme, tutorialStore, hasEditor } : PanelProps ) {
87
+ function EditorSection ( { theme, tutorialStore, hasEditor } : PanelProps ) {
88
88
const [ helpAction , setHelpAction ] = useState < 'solve' | 'reset' > ( 'reset' ) ;
89
89
const selectedFile = useStore ( tutorialStore . selectedFile ) ;
90
90
const currentDocument = useStore ( tutorialStore . currentDocument ) ;
@@ -144,7 +144,7 @@ function Editor({ theme, tutorialStore, hasEditor }: PanelProps) {
144
144
) ;
145
145
}
146
146
147
- function Preview ( {
147
+ function PreviewsSection ( {
148
148
tutorialStore,
149
149
terminalPanelRef,
150
150
terminalExpanded,
@@ -203,7 +203,7 @@ function Preview({
203
203
) ;
204
204
}
205
205
206
- function Terminal ( {
206
+ function TerminalSection ( {
207
207
tutorialStore,
208
208
theme,
209
209
terminalPanelRef,
0 commit comments