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 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
Add init files d81df9e3d230bcb49f0bb31c43cffad97532d321 antcalatayud 2018-04-24 09:51:04
Initial commit 3c3626d89f221374c92ee04aed1eaa8616f3977e Antonio Calatayud 2018-04-24 09:03:03
Commit 54504e3ae117730f625f6c5acf1a10ce912c6146 - Add loadin component
Author: antcalatayud
Author date (UTC): 2018-04-24 14:05
Committer name: antcalatayud
Committer date (UTC): 2018-04-24 14:05
Parent(s): a410655fa61df8653b5943cb9c853b04e48c7287
Signing key:
Tree: 75f8e3a535f91a0ec1fc8bf2a31ee87e394115ab
File Lines added Lines deleted
src/components/common/Loading.css 19 0
src/components/common/Loading.js 8 0
src/components/list/List.js 2 1
File src/components/common/Loading.css added (mode: 100644) (index 0000000..024092c)
1 .Loading {
2 width: 28px;
3 height: 28px;
4 display: inline-block;
5 border: 2px solid #fff;
6 border-right-color: transparent;
7 border-radius: 50%;
8 animation: rotate 1s infinite linear;
9 }
10
11 @keyframes rotate {
12 0% {
13 transform: rotate(0deg);
14 }
15
16 100% {
17 transform: rotate(360deg);
18 }
19 }
File src/components/common/Loading.js added (mode: 100644) (index 0000000..808ed0b)
1 import React from 'react';
2 import './Loading.css';
3
4 const Loading = () => {
5 return <div className="Loading" />;
6 }
7
8 export default Loading;
File src/components/list/List.js changed (mode: 100644) (index d997c30..9139903)
1 1 import React from 'react'; import React from 'react';
2 2 import { handleResponse } from '../../helpers'; import { handleResponse } from '../../helpers';
3 3 import { API_URL } from '../../config'; import { API_URL } from '../../config';
4 import Loading from '../common/Loading'
4 5 import './Table.css'; import './Table.css';
5 6
6 7 class List extends React.Component { class List extends React.Component {
 
... ... class List extends React.Component {
47 48
48 49 render() { render() {
49 50 if (this.state.loading) { if (this.state.loading) {
50 return <div>Loading...</div>
51 return <div className="loading-container"><Loading /></div>
51 52 } }
52 53
53 54 return ( return (
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