import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Link, Switch, Route, useHistory } from 'react-router-dom';
import { Navbar, Nav, Container, Form, Button } from 'react-bootstrap';
import { UserContext, Login, Logout, OauthCallback, AuthenticationProvider } from './auth.js';
import { Flash } from './flash';
import { ThemeContext, ThemeProvider, ThemeSwitcher } from './theme.js';
import { AddNode, EditNode, DeleteNode, ViewNode, SearchNodes, Main } from './app';
function LoginNavigation(props) {
if (!props.value.is_logged_in) {
return Login
}
return <>
Add
Logout [{props.value.username}]
>;
}
function SearchBox(props) {
const [query, setQuery] = useState('');
let history = useHistory();
function on_search_change(event) {
setQuery(event.target.value);
}
function on_submit(event) {
event.preventDefault();
//this.setState({search: true});
//console.log('this', this);
history.push('/search?q=' + encodeURIComponent(query));
}
if (!props.value.is_logged_in) {
return '';
}
return
;
}
function Navigation() {
return
{theme => (
Unmess
{value => }
)}
;
}
function Router() {
return
;
}
function Root() {
return
;
}
ReactDOM.render(
,
document.getElementById('root')
);