f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 18:32:41 +00:00
Code Wiki Activity

use state instead

Browse Source
This commit is contained in:
Víctor Losada Hernández
2025-11-16 19:02:37 +01:00
parent 1d061e6d3f
commit f1891d9250
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
client/homebrew/editor/editor.jsx
View File

@@ -58,6 +58,7 @@ const Editor = createClass({
return {
editorTheme : this.props.editorTheme,
view : 'text', //'text', 'style', 'meta', 'snippet'
snippetBarHeight : 26,
};
},
@@ -88,11 +89,9 @@ const Editor = createClass({
if (!snippetBar) return;
this.resizeObserver = new ResizeObserver(entries => {
// throttle/debounce inside if you like
const h = snippetBar.offsetHeight;
const editor = document.querySelector('.editor .codeEditor');
if (!editor) return;
editor.style.height = `calc(100% - ${h}px)`;
const height = document.querySelector('.editor > .snippetBar').offsetHeight;
this.setState({ snippetbarHeight: height });
console.log('setting state to ', height );
});
this.resizeObserver.observe(snippetBar);
@@ -437,6 +436,7 @@ const Editor = createClass({
},
renderEditor : function(){
console.log('state at rendering is: ',this.state.snippetBarHeight);
if(this.isText()){
return <>
<CodeEditor key='codeEditor'
@@ -447,7 +447,7 @@ const Editor = createClass({
onChange={this.props.onBrewChange('text')}
editorTheme={this.state.editorTheme}
rerenderParent={this.rerenderParent}
style={{ height: `calc(100% - 26px)` }} />
style={{ height: `calc(100% - ${this.state.snippetBarHeight}px)` }} />
</>;
}
if(this.isStyle()){
@@ -461,7 +461,7 @@ const Editor = createClass({
enableFolding={true}
editorTheme={this.state.editorTheme}
rerenderParent={this.rerenderParent}
style={{ height: `calc(100% - 26px)` }} />
style={{ height: `calc(100% - ${this.state.snippetBarHeight}px)` }} />
</>;
}
if(this.isMeta()){
@@ -490,7 +490,7 @@ const Editor = createClass({
enableFolding={true}
editorTheme={this.state.editorTheme}
rerenderParent={this.rerenderParent}
style={{ height: `calc(100% - 26px)` }} />
style={{ height: `calc(100% -${this.state.snippetBarHeight}px)` }} />
</>;
}
},