aboutsummaryrefslogtreecommitdiff
path: root/src/App.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/App.js')
-rw-r--r--src/App.js42
1 files changed, 16 insertions, 26 deletions
diff --git a/src/App.js b/src/App.js
index 399d8a1..a725b29 100644
--- a/src/App.js
+++ b/src/App.js
@@ -61,18 +61,16 @@ class App extends Component {
}
render() {
- if (!this.state.isLoaded) {
- if (!this.state.isLoaded) {
- return (
- <Loader active centered="true">
- Cargando ...
- </Loader>
- );
- }
+ const { boardList, nightMode, isLoaded } = this.state;
+
+ if (!isLoaded) {
+ return (
+ <Loader active centered="true">
+ Cargando ...
+ </Loader>
+ );
}
- const { boardList } = this.state;
- //const pathList = boardList.map(board => "/" + board.dir)
return (
<React.Fragment>
<Menu inverted fixed="top">
@@ -113,38 +111,30 @@ class App extends Component {
</Dropdown>
<Menu.Menu position="right">
<Menu.Item as="a" onClick={this.toggleTheme}>
- {this.state.nightMode ? (
- <Icon name="sun" />
- ) : (
- <Icon name="moon" />
- )}
+ {nightMode ? <Icon name="sun" /> : <Icon name="moon" />}
</Menu.Item>
</Menu.Menu>
</Container>
</Menu>
<Container className="main">
<Router>
- <Home
- boardList={this.state.boardList}
- path="/"
- nightMode={this.state.nightMode}
- />
+ <Home boardList={boardList} path="/" nightMode={nightMode} />
<Thread
- boardList={this.state.boardList}
+ boardList={boardList}
path="/:dir/read/:id"
- nightMode={this.state.nightMode}
+ nightMode={nightMode}
>
<Thread path=":active" />
</Thread>
<Board
- boardList={this.state.boardList}
+ boardList={boardList}
path="/board/:dir"
- nightMode={this.state.nightMode}
+ nightMode={nightMode}
/>
<ThreadList
- boardList={this.state.boardList}
+ boardList={boardList}
path="/list/:dir"
- nightMode={this.state.nightMode}
+ nightMode={nightMode}
/>
<NotFound default />
</Router>