@@ -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 ) ;
@@ -146,7 +146,7 @@ function Editor({ theme, tutorialStore, hasEditor }: PanelProps) {
146
146
) ;
147
147
}
148
148
149
- function Preview ( {
149
+ function PreviewsSection ( {
150
150
tutorialStore,
151
151
terminalPanelRef,
152
152
terminalExpanded,
@@ -212,7 +212,7 @@ function Preview({
212
212
) ;
213
213
}
214
214
215
- function Terminal ( {
215
+ function TerminalSection ( {
216
216
tutorialStore,
217
217
theme,
218
218
terminalPanelRef,
0 commit comments