mirror of
https://github.com/ClaytonWWilson/CS307-Team24.git
synced 2025-12-16 10:18:48 +00:00
Merge pull request #18 from ClaytonWWilson/file_org
File org for twistter-frontend js files
This commit is contained in:
commit
ec6e41d16f
@ -49,4 +49,5 @@
|
|||||||
.container {
|
.container {
|
||||||
margin: 80px auto 0 auto;
|
margin: 80px auto 0 auto;
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
|
color: #1da1f2;
|
||||||
}
|
}
|
||||||
@ -7,11 +7,11 @@ import { BrowserRouter as Router } from 'react-router-dom';
|
|||||||
import Route from 'react-router-dom/Route';
|
import Route from 'react-router-dom/Route';
|
||||||
import NavBar, { Navbar } from './components/layout/NavBar';
|
import NavBar, { Navbar } from './components/layout/NavBar';
|
||||||
|
|
||||||
// Pages
|
import home from './pages/Home';
|
||||||
import home from './Home.js';
|
import register from './pages/Register';
|
||||||
import register from './Register.js';
|
import login from './pages/Login';
|
||||||
import login from './Login.js';
|
import user from './pages/User';
|
||||||
import user from './pages/user';
|
|
||||||
import writeMicroblog from './Writing_Microblogs.js';
|
import writeMicroblog from './Writing_Microblogs.js';
|
||||||
import edit from './pages/edit.js';
|
import edit from './pages/edit.js';
|
||||||
import userLine from './Userline.js';
|
import userLine from './Userline.js';
|
||||||
@ -20,7 +20,7 @@ class App extends Component {
|
|||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<Router>
|
<Router>
|
||||||
<div className='container'>
|
<div className='container' >
|
||||||
<Navbar />
|
<Navbar />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -3,7 +3,9 @@ import { makeStyles } from '@material-ui/core/styles';
|
|||||||
import Chip from '@material-ui/core/Chip';
|
import Chip from '@material-ui/core/Chip';
|
||||||
import Paper from '@material-ui/core/Paper';
|
import Paper from '@material-ui/core/Paper';
|
||||||
|
|
||||||
const useStyles = makeStyles(theme => ({
|
|
||||||
|
// TODO: fix the style
|
||||||
|
const styles = makeStyles(theme => ({
|
||||||
root: {
|
root: {
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import './App.css';
|
import '../App.css';
|
||||||
|
|
||||||
import logo from './images/twistter-logo.png';
|
import logo from '../images/twistter-logo.png';
|
||||||
|
|
||||||
|
|
||||||
class Home extends Component {
|
class Home extends Component {
|
||||||
@ -1,8 +1,8 @@
|
|||||||
/* eslint-disable */
|
/* eslint-disable */
|
||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import './App.css';
|
import '../App.css';
|
||||||
|
|
||||||
import logo from './images/twistter-logo.png';
|
import logo from '../images/twistter-logo.png';
|
||||||
import TextField from '@material-ui/core/TextField';
|
import TextField from '@material-ui/core/TextField';
|
||||||
|
|
||||||
class Login extends Component {
|
class Login extends Component {
|
||||||
@ -1,7 +1,7 @@
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import './App.css';
|
import '../App.css';
|
||||||
|
|
||||||
import logo from './images/twistter-logo.png';
|
import logo from '../images/twistter-logo.png';
|
||||||
import TextField from '@material-ui/core/TextField';
|
import TextField from '@material-ui/core/TextField';
|
||||||
|
|
||||||
class Register extends Component {
|
class Register extends Component {
|
||||||
Loading…
Reference in New Issue
Block a user