Skip to content

Commit

Permalink
New send icon ++ no border between button and input field
Browse files Browse the repository at this point in the history
  • Loading branch information
Anthony Herco committed Nov 19, 2017
1 parent 759f85e commit 77fafe4
Show file tree
Hide file tree
Showing 5 changed files with 13 additions and 8 deletions.
1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
"dependencies": {
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-icons": "^2.2.7",
"react-redux": "^5.0.6",
"react-router-dom": "^4.2.2",
"react-scripts": "1.0.17",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,6 @@
width: 98%;
padding: 0.5em;
border: 0.1em solid #b3b3b3;
border-right: none;
font-size: 1em;
}
Original file line number Diff line number Diff line change
@@ -1,17 +1,20 @@
.SubmitInputBank > input {
.SubmitInputBank {
width: 3em;
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
font-size: 1em;
background-color: white;
border: 0.1em solid #b3b3b3;
border-left: none;
}

.SubmitInputBank > input:hover {
.SubmitInputBank:hover {
filter: brightness(90%);
transition-duration: 0.1s;
}

.SubmitInputBank > input:active {
.SubmitInputBank:active {
filter: brightness(80%);
transition-duration: 0.1s;
}
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
import React, { Component } from 'react';
import MdSend from 'react-icons/lib/md/send';
import './SubmitInputBank.css';

export default class SubmitInputBank extends Component {
render () {
const button = <input type='button' value='>>' />;
return <div className='SubmitInputBank'>{button}</div>;
const icon = <MdSend {...this.props} />;
const button = <input type='button' />;
return <div className='SubmitInputBank'>{icon}</div>;
}
}
4 changes: 1 addition & 3 deletions src/scenes/Bank/services/middleware.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {
addCardSuccess,
} from './actions.js';

const api = 'https://api.memebank.life/banks/1/cards';
const api = 'http://localhost:8000/banks/1/cards';
const validTypes = ['image/jpeg', 'image/png', 'image/gif'];

const bankMiddleware = store => next => action => {
Expand All @@ -26,7 +26,6 @@ const bankMiddleware = store => next => action => {
if (err) {
/* eslint-disable */
console.log('GET_CARD_DATA fail');
console.log(err);
/* eslint-enable */
return;
}
Expand Down Expand Up @@ -59,7 +58,6 @@ const bankMiddleware = store => next => action => {
.end((err, res) => {
if (err) {
/* eslint-disable */
console.log(err);
console.log('ADD_CARD fail');
/* eslint-enable */

Expand Down

0 comments on commit 77fafe4

Please sign in to comment.