App.js

import React from "react";

import NavBar from "./utils/navbar";
import { Route } from "react-router-dom";

// Components
import IndexTable from "./utils/indexTable";
import WordSearch from "./wordSearchVisualiser/wordSearch";
import PathFinderV2 from "./PathFinderV2/PathFinderV2";
import SortingVisualiser from "./sortingAlgorithms/sortingVisualiser";
import BinarySearch from "./searchingAlgorithms/binarySearch/binarySearch";
import LinearSearch from "./searchingAlgorithms/linearSearch/linearSearch";
import NQueensProblem from "./backTrackingAlgorithms/nQueensProblem/nQueensProblem";
import RatInAMazeProblem from "./backTrackingAlgorithms/ratInAMaze/ratInAMaze";
import Filling from "./Filling/Filling";

//  Stylesheets
import "bootstrap/dist/css/bootstrap.min.css";
import "./App.scss";
import BackBar from "./utils/backbar";

const searchCombined = () => {
  return (
    <div>
      <BackBar />
      <LinearSearch />
      <BinarySearch />
    </div>
  );
};

export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <div>
        <NavBar />
        <Route exact path="/" component={IndexTable} />
        <Route path="/sorting" component={SortingVisualiser} />
        <Route path="/searching" component={searchCombined} />
        <Route path="/n-queens-problem" component={NQueensProblem} />
        <Route path="/rat-in-a-maze" component={RatInAMazeProblem} />
        <Route path="/pathfinder" component={PathFinderV2} />
        <Route path="/word-search" component={WordSearch} />
        <Route path="/filling" component={Filling} />
      </div>
    );
  }
}