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

Attempting to reduce output of Migrations to workable numbers

Browse Source
This commit is contained in:
pepper 2020-10-29 23:58:32 +11:00
parent f0dbe3cc65
commit fe2477c921
3 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/App.js
View File

@ -9,7 +9,7 @@ class App extends Component {
this.state = { this.state = {
migs1: { migs1: {
type: 'top-headlines', type: 'top-headlines',
query: 'country=au' query: 'migration_status'
}, },
migs2: { migs2: {
type: 'top-headlines', type: 'top-headlines',

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

@ -6,11 +6,10 @@ const MigrationSingle = ({ item }) => (
<div className="card-panel"> <div className="card-panel">
<div className="card-content black-text"> <div className="card-content black-text">
<ul className="collection with-header"> <ul className="collection with-header">
<li className="collection-header"><p>{item.migration_status}</p></li> <li className="collection-header"><a href={item.id}><p>{item.migration_status}</p></a></li>
<li className="collection-item">{item.domain}</li> <li className="collection-item">{item.domain}</li>
<li className="collection-item">{item.booked_time}</li> <li className="collection-item">{item.booked_time}</li>
<li className="collection-item">{item.migration_status}</li> <li className="collection-item">{item.migration_status}</li>
<li className="collection-item">{item.id}</li>
</ul> </ul>
</div> </div>

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

@ -44,8 +44,12 @@ class Migrations extends Component {
render() { render() {
return ( return (
<div className="row"> <div>
{this.renderItems()} {this.state.migs.filter(mig => mig.migration_status = ('Booked')).map(filteredMig => (
<div className="col s3">
{filteredMig.migration_status}
</div>
))};
</div> </div>
); );
} }