import { globalView } from './views/global';
import { homeView } from './views/home';
import { aboutView } from './views/about';
import { loginView } from './views/login';
import { searchView } from './views/search';
import { shelvesView } from './views/shelves';
import { errorView } from './views/404';

export const appRoutes = (app) => {
  app.route('/', (state, emit) => globalView(state, emit, homeView));

  app.route('/about', (state, emit) => globalView(state, emit, aboutView));

  app.route('/login', (state, emit) => globalView(state, emit, loginView));

  app.route('/logout', () => window.location.reload());  // If Choo navigates here, refresh the page instead so the server can handle it and log out

  app.route('/search', (state, emit) => globalView(state, emit, searchView));

  app.route('/shelves', (state, emit) => globalView(state, emit, shelvesView));

  app.route('/404', (state, emit) => globalView(state, emit, errorView));
}