antcalatayud / ReactCoin (public) (License: GPLv3) (since 2018-04-24) (hash sha1)
As seen on this course: https://udilia.com/courses/learn-react-by-building-a-web-app
Clone URLs: https://rocketgit.com/user/antcalatayud/ReactCoin ssh://rocketgit@ssh.rocketgit.com/user/antcalatayud/ReactCoin git://git.rocketgit.com/user/antcalatayud/ReactCoin
develop
List of commits:
Subject Hash Author Date (UTC)
Add loading to search. Refactor Loading componet 68e60356f9a5daa530d0f1fc24db25e97cfc6cbc antcalatayud 2018-04-25 13:00:21
Start creating Seach component 9f6d5152998e40d7d41b2fa5381cc22684ba814b antcalatayud 2018-04-25 12:48:44
Add home link on logo 1ebc23cd70ddadf4d8518d5087b3a864825f42aa antcalatayud 2018-04-25 09:39:23
Add style to detail component. Refactor renderpercentage 764b2b2006bac9af3311cc22b2ce4c10388483e9 antcalatayud 2018-04-25 09:36:53
Start creating Detail component and add route to ir 01f5ae9c4984f05d2dd01b593ccb58369d9968da antcalatayud 2018-04-25 08:08:47
Add link to home page when page not found eb3c30fc87eff524b43d4197d945da9d026e8502 antcalatayud 2018-04-25 07:53:08
Add routing and not found page 17718006b6c1f4090ae971d0338ea8cd8f4b93c5 antcalatayud 2018-04-24 15:41:27
disable pagination buttons when min/max reached a7459260589206aa9430fd9dba67aed2b175607c antcalatayud 2018-04-24 15:14:06
Manage next/prev pages onclick pagination 104663344877dc34bc9e3df9762bfad335578d99 antcalatayud 2018-04-24 15:09:52
Start pagination component a2600ed30feb02a9394d31215d1218d699371f62 antcalatayud 2018-04-24 14:47:05
Move Table to new component 685659283e5fcfb3391bbd7e0988669a4896546b antcalatayud 2018-04-24 14:23:39
Add eror message 925f3e3199546d80b90276d53bf3ca827313adab antcalatayud 2018-04-24 14:10:51
Add loadin component 54504e3ae117730f625f6c5acf1a10ce912c6146 antcalatayud 2018-04-24 14:05:36
Create currencies table a410655fa61df8653b5943cb9c853b04e48c7287 antcalatayud 2018-04-24 13:34:35
Move some conts outside 00686f6d20dcc806e20a3d7bfb745517c203dd54 antcalatayud 2018-04-24 13:00:43
Add AJAX request to list component 3dd5f784d209cc1cfeb22bbc93aaf2c871e2c69b antcalatayud 2018-04-24 12:29:22
Start creating list componet c8bc3d6bb9b4980e1305d401be2fe67c8933a7f8 antcalatayud 2018-04-24 10:31:23
Add logo eed8364675e78cfa795550bff03682d49a8ed115 antcalatayud 2018-04-24 10:23:07
Add styling 866cbbbc94ce81e8b8b6b88da9f86d2d4153e509 antcalatayud 2018-04-24 10:18:43
Create fist component and render App b713ed055b8691a0fd89792d136e0ef9ed86f07c antcalatayud 2018-04-24 10:11:22
Commit 68e60356f9a5daa530d0f1fc24db25e97cfc6cbc - Add loading to search. Refactor Loading componet
Author: antcalatayud
Author date (UTC): 2018-04-25 13:00
Committer name: antcalatayud
Committer date (UTC): 2018-04-25 13:00
Parent(s): 9f6d5152998e40d7d41b2fa5381cc22684ba814b
Signing key:
Tree: 86a81ca08cfccb425e67c6be90c24be1565455fe
File Lines added Lines deleted
src/components/common/Loading.css 0 2
src/components/common/Loading.js 15 2
src/components/common/Search.js 13 2
File src/components/common/Loading.css changed (mode: 100644) (index 024092c..11957b2)
1 1 .Loading { .Loading {
2 width: 28px;
3 height: 28px;
4 2 display: inline-block; display: inline-block;
5 3 border: 2px solid #fff; border: 2px solid #fff;
6 4 border-right-color: transparent; border-right-color: transparent;
File src/components/common/Loading.js changed (mode: 100644) (index 808ed0b..47c53c7)
1 1 import React from 'react'; import React from 'react';
2 import PropTypes from 'prop-types';
2 3 import './Loading.css'; import './Loading.css';
3 4
4 const Loading = () => {
5 return <div className="Loading" />;
5 const Loading = (props) => {
6 const { width, height } = props;
7
8 return <div className="Loading" style={{width, height}} />;
6 9 } }
7 10
11 Loading.propTypes = {
12 width: PropTypes.string,
13 height:PropTypes.string
14 };
15
16 Loading.defaultProps = {
17 width:'28px',
18 height:'28px'
19 };
20
8 21 export default Loading; export default Loading;
File src/components/common/Search.js changed (mode: 100644) (index ea947d0..f764808)
1 1 import React from 'react'; import React from 'react';
2 2 import { API_URL } from '../../config'; import { API_URL } from '../../config';
3 3 import { handleResponse } from'../../helpers'; import { handleResponse } from'../../helpers';
4 import Loading from './Loading';
4 5 import './Search.css'; import './Search.css';
5 6
6 7 class Search extends React.Component { class Search extends React.Component {
 
... ... class Search extends React.Component {
37 38
38 39 render() { render() {
39 40 return ( return (
40 <div>
41 <input onChange={this.handleChange} type="text"/>
41 <div className="Search">
42 <span className="Search-icon"></span>
43 <input className="Search-input"
44 onChange={this.handleChange}
45 type="text"
46 placeholder = "Currency name"/>
47 <div className="Search-loading">
48 <Loading
49 width="12px"
50 height="12px"
51 />
52 </div>
42 53 </div> </div>
43 54 ); );
44 55 } }
Hints:
Before first commit, do not forget to setup your git environment:
git config --global user.name "your_name_here"
git config --global user.email "your@email_here"

Clone this repository using HTTP(S):
git clone https://rocketgit.com/user/antcalatayud/ReactCoin

Clone this repository using ssh (do not forget to upload a key first):
git clone ssh://rocketgit@ssh.rocketgit.com/user/antcalatayud/ReactCoin

Clone this repository using git:
git clone git://git.rocketgit.com/user/antcalatayud/ReactCoin

You are allowed to anonymously push to this repository.
This means that your pushed commits will automatically be transformed into a merge request:
... clone the repository ...
... make some changes and some commits ...
git push origin main