LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

Scss #471

Merged
bones7242 merged 25 commits from scss into master 2018-06-12 01:00:38 +02:00
Conversation 0 Commits 25 Files changed 220 +72 -46
7 changed files with 72 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 2101248333 - Show all commits

5
client/build/components/Column/index.js
View file

@ -37,11 +37,6 @@ function (_React$Component) {
}
_createClass(Column, [{
key: "shouldComponentUpdate",
value: function shouldComponentUpdate() {
return false;
}
}, {
key: "render",
value: function render() {
return _react.default.createElement("div", {

5
client/build/components/Row/index.js
View file

@ -37,11 +37,6 @@ function (_React$Component) {
}
_createClass(Row, [{
key: "shouldComponentUpdate",
value: function shouldComponentUpdate() {
return false;
}
}, {
key: "render",
value: function render() {
return _react.default.createElement("div", {

30
client/build/containers/PublishStatus/view.js
View file

@ -13,6 +13,8 @@ var publishStates = _interopRequireWildcard(require("../../constants/publish_cla
var _ButtonSecondary = _interopRequireDefault(require("@components/ButtonSecondary"));
var _Row = _interopRequireDefault(require("@components/Row"));
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@ -53,30 +55,40 @@ function (_React$Component) {
clearFile = _this$props.clearFile;
return _react.default.createElement("div", {
className: 'publish-status'
}, status === publishStates.LOAD_START && _react.default.createElement("div", null, _react.default.createElement("p", null, "File is loading to server"), _react.default.createElement("p", {
}, status === publishStates.LOAD_START && _react.default.createElement("div", {
className: 'status'
}, _react.default.createElement(_Row.default, null, _react.default.createElement("p", null, "le is loading to server")), _react.default.createElement(_Row.default, null, _react.default.createElement("p", {
className: 'text--secondary'
}, "0%")), status === publishStates.LOADING && _react.default.createElement("div", null, _react.default.createElement("p", null, "File is loading to server"), _react.default.createElement("p", {
}, "0%"))), status === publishStates.LOADING && _react.default.createElement("div", {
className: 'status'
}, _react.default.createElement(_Row.default, null, _react.default.createElement("p", null, "File is loading to server")), _react.default.createElement(_Row.default, null, _react.default.createElement("p", {
className: 'text--secondary'
}, message)), status === publishStates.PUBLISHING && _react.default.createElement("div", null, _react.default.createElement("p", null, "Upload complete. Your file is now being published on the blockchain..."), _react.default.createElement(_ProgressBar.default, {
}, message))), status === publishStates.PUBLISHING && _react.default.createElement("div", {
className: 'status'
}, _react.default.createElement(_Row.default, null, _react.default.createElement("p", null, "Upload complete. Your file is now being published on the blockchain...")), _react.default.createElement(_Row.default, null, _react.default.createElement(_ProgressBar.default, {
size: 12
}), _react.default.createElement("p", null, "Curious what magic is happening here? ", _react.default.createElement("a", {
})), _react.default.createElement(_Row.default, null, _react.default.createElement("p", null, "Curious what magic is happening here? ", _react.default.createElement("a", {
className: "link--primary",
target: "blank",
href: "https://lbry.io/faq/what-is-lbry"
}, "Learn more."))), status === publishStates.SUCCESS && _react.default.createElement("div", null, _react.default.createElement("p", null, "Your publish is complete! You are being redirected to it now."), _react.default.createElement("p", null, "If you are not automatically redirected, ", _react.default.createElement("a", {
}, "Learn more.")))), status === publishStates.SUCCESS && _react.default.createElement("div", {
className: 'status'
}, _react.default.createElement(_Row.default, null, _react.default.createElement("p", null, "Your publish is complete! You are being redirected to it now.")), _react.default.createElement(_Row.default, null, _react.default.createElement("p", null, "If you are not automatically redirected, ", _react.default.createElement("a", {
className: "link--primary",
target: "_blank",
href: message
}, "click here."))), status === publishStates.FAILED && _react.default.createElement("div", null, _react.default.createElement("p", null, "Something went wrong..."), _react.default.createElement("p", {
}, "click here.")))), status === publishStates.FAILED && _react.default.createElement("div", {
className: 'status'
}, _react.default.createElement(_Row.default, null, _react.default.createElement("p", null, "Something went wrong...")), _react.default.createElement(_Row.default, null, _react.default.createElement("p", {
className: 'text--strong'
}, message), _react.default.createElement("p", null, "For help, post the above error text in the #speech channel on the ", _react.default.createElement("a", {
}, message)), _react.default.createElement(_Row.default, null, _react.default.createElement("p", null, "For help, post the above error text in the #speech channel on the ", _react.default.createElement("a", {
className: "link--primary",
href: "https://chat.lbry.io",
target: "_blank"
}, "lbry discord")), _react.default.createElement(_ButtonSecondary.default, {
}, "lbry discord"))), _react.default.createElement(_Row.default, null, _react.default.createElement(_ButtonSecondary.default, {
value: 'Reset',
onClickHandler: clearFile
})));
}))));
}
}]);

3
client/scss/containers/_publish-status.scss
View file

@ -5,4 +5,7 @@
display: flex;
flex-direction: column;
justify-content: center;
.status {
text-align: center;
}
}

3
client/src/components/Column/index.jsx
View file

@ -1,9 +1,6 @@
import React from 'react';
class Column extends React.Component {
shouldComponentUpdate () {
return false;
}
render () {
return (
<div className={'column'}>

3
client/src/components/Row/index.jsx
View file

@ -1,9 +1,6 @@
import React from 'react';
class Row extends React.Component {
shouldComponentUpdate () {
return false;
}
render () {
return (
<div className={'row'}>

69
client/src/containers/PublishStatus/view.jsx
View file

@ -2,6 +2,7 @@ import React from 'react';
import ProgressBar from '@components/ProgressBar';
import * as publishStates from '../../constants/publish_claim_states';
import ButtonSecondary from '@components/ButtonSecondary';
import Row from '@components/Row';
class PublishStatus extends React.Component {
render () {
@ -9,39 +10,65 @@ class PublishStatus extends React.Component {
return (
<div className={'publish-status'}>
{status === publishStates.LOAD_START &&
<div>
<p>File is loading to server</p>
<p className={'text--secondary'}>0%</p>
<div className={'status'}>
<Row>
<p>le is loading to server</p>
</Row>
<Row>
<p className={'text--secondary'}>0%</p>
</Row>
</div>
}
{status === publishStates.LOADING &&
<div>
<p>File is loading to server</p>
<p className={'text--secondary'}>{message}</p>
<div className={'status'}>
<Row>
<p>File is loading to server</p>
</Row>
<Row>
<p className={'text--secondary'}>{message}</p>
</Row>
</div>
}
{status === publishStates.PUBLISHING &&
<div>
<p>Upload complete. Your file is now being published on the blockchain...</p>
<ProgressBar size={12} />
<p>Curious what magic is happening here? <a className='link--primary' target='blank' href='https://lbry.io/faq/what-is-lbry'>Learn more.</a></p>
<div className={'status'}>
<Row>
<p>Upload complete. Your file is now being published on the blockchain...</p>
</Row>
<Row>
<ProgressBar size={12} />
</Row>
<Row>
<p>Curious what magic is happening here? <a className='link--primary' target='blank' href='https://lbry.io/faq/what-is-lbry'>Learn more.</a></p>
</Row>
</div>
}
{status === publishStates.SUCCESS &&
<div>
<p>Your publish is complete! You are being redirected to it now.</p>
<p>If you are not automatically redirected, <a className='link--primary' target='_blank' href={message}>click here.</a></p>
<div className={'status'}>
<Row>
<p>Your publish is complete! You are being redirected to it now.</p>
</Row>
<Row>
<p>If you are not automatically redirected, <a className='link--primary' target='_blank' href={message}>click here.</a></p>
</Row>
</div>
}
{status === publishStates.FAILED &&
<div>
<p>Something went wrong...</p>
<p className={'text--strong'}>{message}</p>
<p>For help, post the above error text in the #speech channel on the <a className='link--primary' href='https://chat.lbry.io' target='_blank'>lbry discord</a></p>
<ButtonSecondary
value={'Reset'}
onClickHandler={clearFile}
/>
<div className={'status'}>
<Row>
<p>Something went wrong...</p>
</Row>
<Row>
<p className={'text--strong'}>{message}</p>
</Row>
<Row>
<p>For help, post the above error text in the #speech channel on the <a className='link--primary' href='https://chat.lbry.io' target='_blank'>lbry discord</a></p>
</Row>
<Row>
<ButtonSecondary
value={'Reset'}
onClickHandler={clearFile}
/>
</Row>
</div>
}
</div>