The_Bois/MigratorProject-frontend
Archived
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added styling and fixed some routes

Browse Source
This commit is contained in:
pepper 2020-10-29 12:41:35 +11:00
parent 6cf9118229
commit 3f01ff5a8c
3 changed files with 33 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/App.js
View File

@ -25,10 +25,17 @@ class App extends Component {
render() {
return (
<div className="container-fluid">
<div className="navbar-fixed">
<div className="navbar">
<nav>
<div className="nav-wrapper indigo lighten-4">
<a href="/" className="bran-logo" center>My Feed</a>
<div className="nav-wrapper">
<a href="/" className="brand-logo center">Logo</a>
<ul id="nav-mobile" className="left hide-on-med-and-down">
<li className="active"><a href="/">Dashboard</a></li>
<li><a href="/">Upcoming Migrations</a></li>
<li><a href="/">Reports</a></li>
<li><a href="/">Historical Migrations</a></li>
</ul>
</div>
</nav>
</div>

30
src/components/Migrations/MigrationSingle.js
View File

@ -1,28 +1,22 @@
import React from 'react';
const MigrationSingle = ({ item }) => (
<div className="col s4">
<div className="col s4 m4">
<div className="card">
<div className="card-image">
<slian className="card-title">{item.migration_status}</slian>
</div>
<div className="card-content">
<li>{item.id}</li>
<li>{item.submit_time}</li>
<li>{item.domain}</li>
<li>{item.booked_time}</li>
<li>{item.original_server}</li>
<li>{item.new_server}</li>
<li>{item.username}</li>
<li>{item.brand}</li>
<li>{item.ticket_id}</li>
<li>{item.migration_status}</li>
<li>{item.agent_booked}</li>
<li>{item.migration_type}</li>
</div>
<div className="card-content black-text">
<ul className="collection with-header">
<li className="collection-header"><p>{item.migration_status}</p></li>
<li className="collection-item">{item.domain}</li>
<li className="collection-item">{item.booked_time}</li>
<li className="collection-item">{item.migration_status}</li>
<li className="collection-item">{item.id}</li>
</ul>
</div>
</div>
</div>
);
export default MigrationSingle;

18
src/components/Migrations/Migrations.js
View File

@ -1,4 +1,5 @@
import React, { Component } from 'react';
import axios from 'axios';
import MigrationSingle from './MigrationSingle';
import Error from './Error';
@ -12,24 +13,25 @@ class Migrations extends Component {
}
componentDidMount() {
const url = `http://benjamyn.love:8000/migrations/`;
const url = `https://devapi.benjamyn.love/migrations/`;
fetch(url)
axios.get(url)
.then((response) => {
return response.json();
})
.then((data) => {
this.setState({
migs: data
})
migs: response.data
});
})
.catch((error) => {
this.setState({
error: true
})
});
})
}
renderItems() {
if (!this.state.error) {
return this.state.migs.map((item) => (