sq

src/renderer/component/common/busy-indicator.jsx

@@ -5,10 +5,20 @@ type Props = {
   message: ?string,
 };
 
-const BusyIndicator = (props: Props) => (
-  <span className="busy-indicator">
-    {props.message} <span className="busy-indicator__loader" />
-  </span>
-);
+class BusyIndicator extends React.PureComponent<Props> {
+  static defaultProps = {
+    message: '',
+  };
+
+  render() {
+    const { message } = this.props;
+
+    return (
+      <span className="busy-indicator">
+        {message} <span className="busy-indicator__loader" />
+      </span>
+    );
+  }
+}
 
 export default BusyIndicator;

src/renderer/page/channel/view.jsx

@@ -48,7 +48,7 @@ class ChannelPage extends React.PureComponent<Props> {
     this.props.navigate('/show', newParams);
   }
 
-  paginate(e, totalPages: number) {
+  paginate(e: SyntheticKeyboardEvent<*>, totalPages: number) {
     // Change page if enter was pressed, and the given page is between
     // the first and the last.
     const pageFromInput = Number(e.target.value);
@@ -71,18 +71,16 @@ class ChannelPage extends React.PureComponent<Props> {
     const contentList =
       claimsInChannel && claimsInChannel.length ? (
         <FileList sortByHeight hideFilter fileInfos={claimsInChannel} />
-      ) : !fetching ? (
-        <span className="empty">{__('No content found.')}</span>
       ) : (
-        null
+        !fetching && <span className="empty">{__('No content found.')}</span>
       );
 
     return (
       <Page notContained>
         <section className="card__channel-info card__channel-info--large">
           <h1>
             {name}
-            {fetching ? <BusyIndicator /> : null}
+            {fetching && <BusyIndicator />}
           </h1>
           <div className="card__actions card__actions--no-margin">
             <SubscribeButton uri={permanentUrl} channelName={name} />