use React.PureComponent

This commit is contained in:
Sean Yesmunt 2017-06-07 21:42:19 -07:00
parent 4c216d843b
commit e13d7c2149
41 changed files with 58 additions and 64 deletions
ui/js
component
page
channel
developer.js
discover
fileListDownloaded
fileListPublished
filePage
help
publish
report.jsrewards.js
search
settings
showPage
start.js

View file

@ -7,7 +7,7 @@ import UpgradeModal from "component/upgradeModal";
import lbry from "lbry"; import lbry from "lbry";
import { Line } from "rc-progress"; import { Line } from "rc-progress";
class App extends React.Component { class App extends React.PureComponent {
componentWillMount() { componentWillMount() {
document.addEventListener("unhandledError", event => { document.addEventListener("unhandledError", event => {
this.props.alertError(event.detail); this.props.alertError(event.detail);

View file

@ -10,7 +10,7 @@ import { CreditAmount, Address } from "../component/common.js";
import { getLocal, setLocal } from "../utils.js"; import { getLocal, setLocal } from "../utils.js";
import rewards from "../rewards"; import rewards from "../rewards";
class SubmitEmailStage extends React.Component { class SubmitEmailStage extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);
@ -94,7 +94,7 @@ class SubmitEmailStage extends React.Component {
} }
} }
class ConfirmEmailStage extends React.Component { class ConfirmEmailStage extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);
@ -191,7 +191,7 @@ class ConfirmEmailStage extends React.Component {
} }
} }
class WelcomeStage extends React.Component { class WelcomeStage extends React.PureComponent {
static propTypes = { static propTypes = {
endAuth: React.PropTypes.func, endAuth: React.PropTypes.func,
}; };
@ -323,7 +323,7 @@ const PendingStage = props => {
); );
}; };
class CodeRequiredStage extends React.Component { class CodeRequiredStage extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);
@ -417,7 +417,7 @@ class CodeRequiredStage extends React.Component {
} }
} }
export class AuthOverlay extends React.Component { export class AuthOverlay extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

View file

@ -2,7 +2,7 @@ import React from "react";
import lbry from "../lbry.js"; import lbry from "../lbry.js";
//component/icon.js //component/icon.js
export class Icon extends React.Component { export class Icon extends React.PureComponent {
static propTypes = { static propTypes = {
icon: React.PropTypes.string.isRequired, icon: React.PropTypes.string.isRequired,
className: React.PropTypes.string, className: React.PropTypes.string,
@ -21,7 +21,7 @@ export class Icon extends React.Component {
} }
} }
export class TruncatedText extends React.Component { export class TruncatedText extends React.PureComponent {
static propTypes = { static propTypes = {
lines: React.PropTypes.number, lines: React.PropTypes.number,
}; };
@ -42,7 +42,7 @@ export class TruncatedText extends React.Component {
} }
} }
export class BusyMessage extends React.Component { export class BusyMessage extends React.PureComponent {
static propTypes = { static propTypes = {
message: React.PropTypes.string, message: React.PropTypes.string,
}; };
@ -54,13 +54,13 @@ export class BusyMessage extends React.Component {
} }
} }
export class CurrencySymbol extends React.Component { export class CurrencySymbol extends React.PureComponent {
render() { render() {
return <span>LBC</span>; return <span>LBC</span>;
} }
} }
export class CreditAmount extends React.Component { export class CreditAmount extends React.PureComponent {
static propTypes = { static propTypes = {
amount: React.PropTypes.number.isRequired, amount: React.PropTypes.number.isRequired,
precision: React.PropTypes.number, precision: React.PropTypes.number,
@ -116,7 +116,7 @@ let addressStyle = {
fontFamily: fontFamily:
'"Consolas", "Lucida Console", "Adobe Source Code Pro", monospace', '"Consolas", "Lucida Console", "Adobe Source Code Pro", monospace',
}; };
export class Address extends React.Component { export class Address extends React.PureComponent {
static propTypes = { static propTypes = {
address: React.PropTypes.string, address: React.PropTypes.string,
}; };
@ -146,7 +146,7 @@ export class Address extends React.Component {
} }
} }
export class Thumbnail extends React.Component { export class Thumbnail extends React.PureComponent {
static propTypes = { static propTypes = {
src: React.PropTypes.string, src: React.PropTypes.string,
}; };

View file

@ -3,7 +3,7 @@ import { Modal } from "component/modal";
import { Line } from "rc-progress"; import { Line } from "rc-progress";
import Link from "component/link"; import Link from "component/link";
class DownloadingModal extends React.Component { class DownloadingModal extends React.PureComponent {
render() { render() {
const { const {
downloadProgress, downloadProgress,

View file

@ -2,7 +2,7 @@ import React from "react";
import lbry from "lbry"; import lbry from "lbry";
import { ExpandableModal } from "component/modal"; import { ExpandableModal } from "component/modal";
class ErrorModal extends React.Component { class ErrorModal extends React.PureComponent {
render() { render() {
const { modal, closeModal, error } = this.props; const { modal, closeModal, error } = this.props;

View file

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
const { remote } = require("electron"); const { remote } = require("electron");
class FileSelector extends React.Component { class FileSelector extends React.PureComponent {
static propTypes = { static propTypes = {
type: React.PropTypes.oneOf(["file", "directory"]), type: React.PropTypes.oneOf(["file", "directory"]),
initPath: React.PropTypes.string, initPath: React.PropTypes.string,

View file

@ -7,7 +7,7 @@ import Link from "component/link";
import { ToolTip } from "component/tooltip"; import { ToolTip } from "component/tooltip";
import { DropDownMenu, DropDownMenuItem } from "component/menu"; import { DropDownMenu, DropDownMenuItem } from "component/menu";
class FileActions extends React.Component { class FileActions extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {

View file

@ -6,7 +6,7 @@ import { Thumbnail, TruncatedText, Icon } from "component/common";
import FilePrice from "component/filePrice"; import FilePrice from "component/filePrice";
import UriIndicator from "component/uriIndicator"; import UriIndicator from "component/uriIndicator";
class FileCard extends React.Component { class FileCard extends React.PureComponent {
componentWillMount() { componentWillMount() {
this.resolve(this.props); this.resolve(this.props);
} }

View file

@ -8,7 +8,7 @@ import rewards from "rewards.js";
import lbryio from "lbryio.js"; import lbryio from "lbryio.js";
import { BusyMessage, Thumbnail } from "component/common.js"; import { BusyMessage, Thumbnail } from "component/common.js";
class FileList extends React.Component { class FileList extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

View file

@ -47,7 +47,7 @@ const FileListSearchResults = props => {
return <div>{rows}</div>; return <div>{rows}</div>;
}; };
class FileListSearch extends React.Component { class FileListSearch extends React.PureComponent {
componentWillMount() { componentWillMount() {
this.props.search(this.props.query); this.props.search(this.props.query);
} }

View file

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import { CreditAmount } from "component/common"; import { CreditAmount } from "component/common";
class FilePrice extends React.Component { class FilePrice extends React.PureComponent {
componentWillMount() { componentWillMount() {
this.fetchCost(this.props); this.fetchCost(this.props);
} }
@ -11,13 +11,7 @@ class FilePrice extends React.Component {
} }
fetchCost(props) { fetchCost(props) {
const { const { costInfo, fetchCostInfo, uri, fetching, claim } = props;
costInfo,
fetchCostInfo,
uri,
fetching,
claim,
} = props;
if (costInfo === undefined && !fetching && claim) { if (costInfo === undefined && !fetching && claim) {
fetchCostInfo(uri); fetchCostInfo(uri);

View file

@ -7,7 +7,7 @@ import { Thumbnail, TruncatedText } from "component/common.js";
import FilePrice from "component/filePrice"; import FilePrice from "component/filePrice";
import UriIndicator from "component/uriIndicator"; import UriIndicator from "component/uriIndicator";
class FileTile extends React.Component { class FileTile extends React.PureComponent {
static SHOW_EMPTY_PUBLISH = "publish"; static SHOW_EMPTY_PUBLISH = "publish";
static SHOW_EMPTY_PENDING = "pending"; static SHOW_EMPTY_PENDING = "pending";

View file

@ -10,7 +10,7 @@ function formFieldId() {
return "form-field-" + ++formFieldCounter; return "form-field-" + ++formFieldCounter;
} }
export class FormField extends React.Component { export class FormField extends React.PureComponent {
static propTypes = { static propTypes = {
type: React.PropTypes.string.isRequired, type: React.PropTypes.string.isRequired,
prefix: React.PropTypes.string, prefix: React.PropTypes.string,
@ -164,7 +164,7 @@ export class FormField extends React.Component {
} }
} }
export class FormRow extends React.Component { export class FormRow extends React.PureComponent {
static propTypes = { static propTypes = {
label: React.PropTypes.oneOfType([ label: React.PropTypes.oneOfType([
React.PropTypes.string, React.PropTypes.string,

View file

@ -3,7 +3,7 @@ import lbry from "../lbry.js";
import { BusyMessage, Icon } from "./common.js"; import { BusyMessage, Icon } from "./common.js";
import Link from "component/link"; import Link from "component/link";
class LoadScreen extends React.Component { class LoadScreen extends React.PureComponent {
static propTypes = { static propTypes = {
message: React.PropTypes.string.isRequired, message: React.PropTypes.string.isRequired,
details: React.PropTypes.string, details: React.PropTypes.string,

View file

@ -2,7 +2,7 @@ import React from "react";
import { Icon } from "./common.js"; import { Icon } from "./common.js";
import Link from "component/link"; import Link from "component/link";
export class DropDownMenuItem extends React.Component { export class DropDownMenuItem extends React.PureComponent {
static propTypes = { static propTypes = {
href: React.PropTypes.string, href: React.PropTypes.string,
label: React.PropTypes.string, label: React.PropTypes.string,
@ -32,7 +32,7 @@ export class DropDownMenuItem extends React.Component {
} }
} }
export class DropDownMenu extends React.Component { export class DropDownMenu extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

View file

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import ReactModal from "react-modal"; import ReactModal from "react-modal";
export class ModalPage extends React.Component { export class ModalPage extends React.PureComponent {
render() { render() {
return ( return (
<ReactModal <ReactModal

View file

@ -3,7 +3,7 @@ import ReactModal from "react-modal";
import Link from "component/link"; import Link from "component/link";
import app from "../app.js"; import app from "../app.js";
export class Modal extends React.Component { export class Modal extends React.PureComponent {
static propTypes = { static propTypes = {
type: React.PropTypes.oneOf(["alert", "confirm", "custom"]), type: React.PropTypes.oneOf(["alert", "confirm", "custom"]),
overlay: React.PropTypes.bool, overlay: React.PropTypes.bool,
@ -64,7 +64,7 @@ export class Modal extends React.Component {
} }
} }
export class ExpandableModal extends React.Component { export class ExpandableModal extends React.PureComponent {
static propTypes = { static propTypes = {
expandButtonLabel: React.PropTypes.string, expandButtonLabel: React.PropTypes.string,
extraContent: React.PropTypes.element, extraContent: React.PropTypes.element,

View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react";
export class Notice extends React.Component { export class Notice extends React.PureComponent {
static propTypes = { static propTypes = {
isError: React.PropTypes.bool, isError: React.PropTypes.bool,
}; };

View file

@ -5,7 +5,7 @@ import Modal from "component/modal";
import rewards from "rewards"; import rewards from "rewards";
import Link from "component/link"; import Link from "component/link";
export class RewardLink extends React.Component { export class RewardLink extends React.PureComponent {
static propTypes = { static propTypes = {
type: React.PropTypes.string.isRequired, type: React.PropTypes.string.isRequired,
claimed: React.PropTypes.bool, claimed: React.PropTypes.bool,

View file

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import Link from "component/link"; import Link from "component/link";
class SnackBar extends React.Component { class SnackBar extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

View file

@ -2,7 +2,7 @@ import React from "react";
import lbry from "../lbry.js"; import lbry from "../lbry.js";
import LoadScreen from "./load_screen.js"; import LoadScreen from "./load_screen.js";
export class SplashScreen extends React.Component { export class SplashScreen extends React.PureComponent {
static propTypes = { static propTypes = {
message: React.PropTypes.string, message: React.PropTypes.string,
onLoadDone: React.PropTypes.func, onLoadDone: React.PropTypes.func,

View file

@ -1,6 +1,6 @@
import React from "react"; import React from "react";
export class ToolTip extends React.Component { export class ToolTip extends React.PureComponent {
static propTypes = { static propTypes = {
body: React.PropTypes.string.isRequired, body: React.PropTypes.string.isRequired,
label: React.PropTypes.string.isRequired, label: React.PropTypes.string.isRequired,

View file

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import { Address, BusyMessage, CreditAmount } from "component/common"; import { Address, BusyMessage, CreditAmount } from "component/common";
class TransactionList extends React.Component { class TransactionList extends React.PureComponent {
componentWillMount() { componentWillMount() {
this.props.fetchTransactions(); this.props.fetchTransactions();
} }

View file

@ -2,7 +2,7 @@ import React from "react";
import { Modal } from "component/modal"; import { Modal } from "component/modal";
import { downloadUpgrade, skipUpgrade } from "actions/app"; import { downloadUpgrade, skipUpgrade } from "actions/app";
class UpgradeModal extends React.Component { class UpgradeModal extends React.PureComponent {
render() { render() {
const { downloadUpgrade, skipUpgrade } = this.props; const { downloadUpgrade, skipUpgrade } = this.props;

View file

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import { Icon } from "component/common"; import { Icon } from "component/common";
class UriIndicator extends React.Component { class UriIndicator extends React.PureComponent {
componentWillMount() { componentWillMount() {
this.resolve(this.props); this.resolve(this.props);
} }

View file

@ -5,7 +5,7 @@ import Modal from "component/modal";
import lbry from "lbry"; import lbry from "lbry";
import { Thumbnail } from "component/common"; import { Thumbnail } from "component/common";
class VideoPlayButton extends React.Component { class VideoPlayButton extends React.PureComponent {
onPurchaseConfirmed() { onPurchaseConfirmed() {
this.props.closeModal(); this.props.closeModal();
this.props.startPlaying(); this.props.startPlaying();
@ -92,7 +92,7 @@ class VideoPlayButton extends React.Component {
} }
} }
class Video extends React.Component { class Video extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { isPlaying: false }; this.state = { isPlaying: false };
@ -182,7 +182,7 @@ const from = require("from2");
const player = require("render-media"); const player = require("render-media");
const fs = require("fs"); const fs = require("fs");
class VideoPlayer extends React.Component { class VideoPlayer extends React.PureComponent {
componentDidMount() { componentDidMount() {
const elem = this.refs.media; const elem = this.refs.media;
const { downloadPath, filename } = this.props; const { downloadPath, filename } = this.props;

View file

@ -2,7 +2,7 @@ import React from "react";
import Link from "component/link"; import Link from "component/link";
import { Address } from "component/common"; import { Address } from "component/common";
class WalletAddress extends React.Component { class WalletAddress extends React.PureComponent {
componentWillMount() { componentWillMount() {
this.props.checkAddressIsMine(this.props.receiveAddress); this.props.checkAddressIsMine(this.props.receiveAddress);
} }

View file

@ -3,7 +3,7 @@ import lbryuri from "lbryuri";
import { BusyMessage } from "component/common"; import { BusyMessage } from "component/common";
import FileTile from "component/fileTile"; import FileTile from "component/fileTile";
class ChannelPage extends React.Component { class ChannelPage extends React.PureComponent {
componentDidMount() { componentDidMount() {
this.fetchClaims(this.props); this.fetchClaims(this.props);
} }

View file

@ -6,7 +6,7 @@ import Link from "../component/link";
const fs = require("fs"); const fs = require("fs");
const { ipcRenderer } = require("electron"); const { ipcRenderer } = require("electron");
class DeveloperPage extends React.Component { class DeveloperPage extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

View file

@ -37,7 +37,7 @@ const FeaturedCategory = props => {
); );
}; };
class DiscoverPage extends React.Component { class DiscoverPage extends React.PureComponent {
componentWillMount() { componentWillMount() {
this.props.fetchFeaturedUris(); this.props.fetchFeaturedUris();
} }

View file

@ -10,7 +10,7 @@ import { BusyMessage, Thumbnail } from "component/common.js";
import FileList from "component/fileList"; import FileList from "component/fileList";
import SubHeader from "component/subHeader"; import SubHeader from "component/subHeader";
class FileListDownloaded extends React.Component { class FileListDownloaded extends React.PureComponent {
componentWillMount() { componentWillMount() {
this.props.fetchFileInfosDownloaded(); this.props.fetchFileInfosDownloaded();
} }

View file

@ -10,7 +10,7 @@ import { BusyMessage, Thumbnail } from "component/common.js";
import FileList from "component/fileList"; import FileList from "component/fileList";
import SubHeader from "component/subHeader"; import SubHeader from "component/subHeader";
class FileListPublished extends React.Component { class FileListPublished extends React.PureComponent {
componentWillMount() { componentWillMount() {
this.props.fetchFileListPublished(); this.props.fetchFileListPublished();
} }

View file

@ -33,7 +33,7 @@ const FormatItem = props => {
); );
}; };
class FilePage extends React.Component { class FilePage extends React.PureComponent {
componentDidMount() { componentDidMount() {
this.fetchFileInfo(this.props); this.fetchFileInfo(this.props);
this.fetchCostInfo(this.props); this.fetchCostInfo(this.props);

View file

@ -5,7 +5,7 @@ import Link from "component/link";
import SubHeader from "component/subHeader"; import SubHeader from "component/subHeader";
import { BusyMessage } from "component/common"; import { BusyMessage } from "component/common";
class HelpPage extends React.Component { class HelpPage extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

View file

@ -6,7 +6,7 @@ import Link from "component/link";
import rewards from "rewards"; import rewards from "rewards";
import Modal from "component/modal"; import Modal from "component/modal";
class PublishPage extends React.Component { class PublishPage extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

View file

@ -4,7 +4,7 @@ import { FormRow } from "component/form";
import Modal from "../component/modal.js"; import Modal from "../component/modal.js";
import lbry from "../lbry.js"; import lbry from "../lbry.js";
class ReportPage extends React.Component { class ReportPage extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

View file

@ -4,7 +4,7 @@ import { CreditAmount, Icon } from "component/common.js";
import SubHeader from "component/subHeader"; import SubHeader from "component/subHeader";
import { RewardLink } from "component/reward-link"; import { RewardLink } from "component/reward-link";
export class RewardTile extends React.Component { export class RewardTile extends React.PureComponent {
static propTypes = { static propTypes = {
type: React.PropTypes.string.isRequired, type: React.PropTypes.string.isRequired,
title: React.PropTypes.string.isRequired, title: React.PropTypes.string.isRequired,
@ -34,7 +34,7 @@ export class RewardTile extends React.Component {
} }
} }
export class RewardsPage extends React.Component { export class RewardsPage extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

View file

@ -5,7 +5,7 @@ import FileListSearch from "component/fileListSearch";
import { ToolTip } from "component/tooltip.js"; import { ToolTip } from "component/tooltip.js";
import { BusyMessage } from "component/common.js"; import { BusyMessage } from "component/common.js";
class SearchPage extends React.Component { class SearchPage extends React.PureComponent {
render() { render() {
const { query } = this.props; const { query } = this.props;

View file

@ -3,7 +3,7 @@ import { FormField, FormRow } from "component/form.js";
import SubHeader from "component/subHeader"; import SubHeader from "component/subHeader";
import lbry from "lbry.js"; import lbry from "lbry.js";
class SettingsPage extends React.Component { class SettingsPage extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);

View file

@ -4,7 +4,7 @@ import { BusyMessage } from "component/common";
import ChannelPage from "page/channel"; import ChannelPage from "page/channel";
import FilePage from "page/filePage"; import FilePage from "page/filePage";
class ShowPage extends React.Component { class ShowPage extends React.PureComponent {
componentWillMount() { componentWillMount() {
this.resolve(this.props); this.resolve(this.props);
} }

View file

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import lbry from "../lbry.js"; import lbry from "../lbry.js";
class StartPage extends React.Component { class StartPage extends React.PureComponent {
componentWillMount() { componentWillMount() {
lbry.stop(); lbry.stop();
} }