diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
deleted file mode 100644
index 5b2da79a..00000000
--- a/app/assets/javascripts/application.js
+++ /dev/null
@@ -1,3 +0,0 @@
-//= require foundation
-
-$(document).foundation()
diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.jsx
similarity index 80%
rename from app/javascript/packs/application.js
rename to app/javascript/packs/application.jsx
index 165fb620..90870130 100644
--- a/app/javascript/packs/application.js
+++ b/app/javascript/packs/application.jsx
@@ -15,10 +15,17 @@
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)
-require("jquery")
require("@rails/ujs").start()
+import React from 'react';
+import ReactDOM from 'react-dom';
+
import User from "../classes/user"
+import MainAppBar from "./mainAppBar"
+
+document.addEventListener("DOMContentLoaded", function(event) {
+ ReactDOM.render(, document.querySelector('nav'));
+});
if (App.currentUserData) {
App.currentUser = new User(App.currentUserData);
diff --git a/app/javascript/packs/mainAppBar.jsx b/app/javascript/packs/mainAppBar.jsx
new file mode 100644
index 00000000..a0d4bda0
--- /dev/null
+++ b/app/javascript/packs/mainAppBar.jsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import { makeStyles } from '@material-ui/core/styles';
+
+import AppBar from '@material-ui/core/AppBar';
+import Button from '@material-ui/core/Button';
+import IconButton from '@material-ui/core/IconButton';
+import MenuIcon from '@material-ui/icons/Menu';
+import Toolbar from '@material-ui/core/Toolbar';
+import Typography from '@material-ui/core/Typography';
+
+const useStyles = makeStyles((theme) => ({
+ root: {
+ flexGrow: 1,
+ },
+ menuButton: {
+ marginRight: theme.spacing(2),
+ },
+ navButton: {
+ marginLeft: theme.spacing(2),
+ },
+ title: {
+ flexGrow: 1,
+ },
+}));
+
+export default function mainAppBar() {
+ const classes = useStyles();
+
+ return (
+
+
+
+
+
+
+
+ Rails Base 6
+
+
+
+
+
+