client/build/components/Column/index.js

@@ -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", {

client/build/components/Row/index.js

@@ -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", {

client/build/containers/PublishStatus/view.js

@@ -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
-      })));
+      }))));
     }
   }]);
 

client/scss/containers/_publish-status.scss

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

client/src/components/Column/index.jsx

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

client/src/components/Row/index.jsx

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

client/src/containers/PublishStatus/view.jsx

@@ -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>
+        <div className={'status'}>
-          <p>File is loading to server</p>
+          <Row>
+            <p>le is loading to server</p>
+          </Row>
+          <Row>
             <p className={'text--secondary'}>0%</p>
+          </Row>
         </div>
         }
         {status === publishStates.LOADING &&
-        <div>
+        <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>
+        <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>
+        <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>
+        <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>