Delete ColumnBackButtonSlim, fix runtime warnings

app/soapbox/components/__tests__/column_back_button_slim-test.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import ColumnBackButtonSlim from '../column_back_button_slim';
-import { createComponent } from 'soapbox/test_helpers';
-
-describe('<ColumnBackButtonSlim />', () => {
-  it('renders correctly', () => {
-    const component = createComponent(<ColumnBackButtonSlim />);
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

app/soapbox/components/column_back_button_slim.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import ColumnBackButton from './column_back_button';
-import Icon from 'soapbox/components/icon';
-
-export default class ColumnBackButtonSlim extends ColumnBackButton {
-
-  render() {
-    return (
-      <div className='column-back-button--slim'>
-        <div role='button' tabIndex='0' onClick={this.handleClick} onKeyUp={this.handleKeyUp} className='column-back-button column-back-button--slim-button'>
-          <Icon id='chevron-left' className='column-back-button__icon' fixedWidth />
-          <FormattedMessage id='column_back_button.label' defaultMessage='Back' />
-        </div>
-      </div>
-    );
-  }
-
-}

app/soapbox/components/sub_navigation.js

@@ -79,7 +79,7 @@ export default class SubNavigation extends React.PureComponent {
             onKeyUp={this.handleBackKeyUp}
           >
             <Icon src={require('@tabler/icons/icons/arrow-back.svg')} />
-            <FormattedMessage id='sub_navigation.back' defaultMessage='Back' />
+            <FormattedMessage id='column_back_button.label' defaultMessage='Back' />
           </button>
           {message && (
             <div className='sub-navigation__message'>

app/soapbox/features/admin/awaiting_approval.js

@@ -44,7 +44,7 @@ class AwaitingApproval extends ImmutablePureComponent {
     const showLoading = isLoading && accountIds.count() === 0;
 
     return (
-      <Column icon='user' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='user' heading={intl.formatMessage(messages.heading)}>
         <ScrollableList
           isLoading={isLoading}
           showLoading={showLoading}

app/soapbox/features/admin/index.js

@@ -80,7 +80,7 @@ class Dashboard extends ImmutablePureComponent {
     if (!account) return null;
 
     return (
-      <Column icon='tachometer-alt' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='tachometer-alt' heading={intl.formatMessage(messages.heading)}>
         <div className='dashcounters'>
           {mau && <div className='dashcounter'>
             <div>

app/soapbox/features/admin/moderation_log.js

@@ -60,7 +60,7 @@ class ModerationLog extends ImmutablePureComponent {
     const showLoading = isLoading && items.count() === 0;
 
     return (
-      <Column icon='balance-scale' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='balance-scale' heading={intl.formatMessage(messages.heading)}>
         <ScrollableList
           isLoading={isLoading}
           showLoading={showLoading}

app/soapbox/features/aliases/index.js

@@ -52,7 +52,7 @@ class Aliases extends ImmutablePureComponent {
     const emptyMessage = <FormattedMessage id='empty_column.aliases' defaultMessage="You haven't created any account alias yet." />;
 
     return (
-      <Column className='aliases-settings-panel' icon='suitcase' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column className='aliases-settings-panel' icon='suitcase' heading={intl.formatMessage(messages.heading)}>
         <ColumnSubheading text={intl.formatMessage(messages.subheading_add_new)} />
         <Search />
         {

app/soapbox/features/blocks/index.js

@@ -54,7 +54,7 @@ class Blocks extends ImmutablePureComponent {
     const emptyMessage = <FormattedMessage id='empty_column.blocks' defaultMessage="You haven't blocked any users yet." />;
 
     return (
-      <Column icon='ban' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='ban' heading={intl.formatMessage(messages.heading)}>
         <ScrollableList
           scrollKey='blocks'
           onLoadMore={this.handleLoadMore}

app/soapbox/features/crypto_donate/index.js

@@ -36,7 +36,7 @@ class CryptoDonate extends ImmutablePureComponent {
     const { explanationBoxExpanded } = this.state;
 
     return (
-      <Column icon='bitcoin' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='bitcoin' heading={intl.formatMessage(messages.heading)}>
         <div className='crypto-donate'>
           <div className='explanation-box'>
             <Accordion

app/soapbox/features/domain_blocks/index.js

@@ -55,7 +55,7 @@ class Blocks extends ImmutablePureComponent {
     const emptyMessage = <FormattedMessage id='empty_column.domain_blocks' defaultMessage='There are no hidden domains yet.' />;
 
     return (
-      <Column icon='minus-circle' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='minus-circle' heading={intl.formatMessage(messages.heading)}>
         <ScrollableList
           scrollKey='domain_blocks'
           onLoadMore={this.handleLoadMore}

app/soapbox/features/edit_profile/index.js

@@ -230,7 +230,7 @@ class EditProfile extends ImmutablePureComponent {
     const canEditName = verifiedCanEditName || !verified;
 
     return (
-      <Column icon='user' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='user' heading={intl.formatMessage(messages.heading)}>
         <SimpleForm onSubmit={this.handleSubmit}>
           <fieldset disabled={this.state.isLoading}>
             <FieldsGroup>

app/soapbox/features/export_data/index.js

@@ -52,7 +52,7 @@ class ExportData extends ImmutablePureComponent {
     const { intl } = this.props;
 
     return (
-      <Column icon='cloud-download-alt' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='cloud-download-alt' heading={intl.formatMessage(messages.heading)}>
         <CSVExporter action={exportFollows} messages={followMessages} />
         <CSVExporter action={exportBlocks} messages={blockMessages} />
         <CSVExporter action={exportMutes} messages={muteMessages} />

app/soapbox/features/federation_restrictions/index.js

@@ -50,7 +50,7 @@ class FederationRestrictions extends ImmutablePureComponent {
     const emptyMessage = disclosed ? messages.emptyMessage : messages.notDisclosed;
 
     return (
-      <Column icon='gavel' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='gavel' heading={intl.formatMessage(messages.heading)}>
         <div className='explanation-box'>
           <Accordion
             headline={intl.formatMessage(messages.boxTitle)}

app/soapbox/features/filters/index.js

@@ -133,7 +133,7 @@ class Filters extends ImmutablePureComponent {
     const emptyMessage = <FormattedMessage id='empty_column.filters' defaultMessage="You haven't created any muted words yet." />;
 
     return (
-      <Column className='filter-settings-panel' icon='filter' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column className='filter-settings-panel' icon='filter' heading={intl.formatMessage(messages.heading)}>
         <ColumnSubheading text={intl.formatMessage(messages.subheading_add_new)} />
         <SimpleForm>
           <div className='filter-settings-panel'>

app/soapbox/features/follow_requests/index.js

@@ -54,7 +54,7 @@ class FollowRequests extends ImmutablePureComponent {
     const emptyMessage = <FormattedMessage id='empty_column.follow_requests' defaultMessage="You don't have any follow requests yet. When you receive one, it will show up here." />;
 
     return (
-      <Column icon='user-plus' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='user-plus' heading={intl.formatMessage(messages.heading)}>
         <ScrollableList
           scrollKey='follow_requests'
           onLoadMore={this.handleLoadMore}

app/soapbox/features/import_data/index.js

@@ -52,7 +52,7 @@ class ImportData extends ImmutablePureComponent {
     const { intl, features } = this.props;
 
     return (
-      <Column icon='cloud-upload-alt' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='cloud-upload-alt' heading={intl.formatMessage(messages.heading)}>
         <CSVImporter action={importFollows} messages={followMessages} />
         <CSVImporter action={importBlocks} messages={blockMessages} />
         {features.importMutes && <CSVImporter action={importMutes} messages={muteMessages} />}

app/soapbox/features/lists/index.js

@@ -60,7 +60,7 @@ class Lists extends ImmutablePureComponent {
     const emptyMessage = <FormattedMessage id='empty_column.lists' defaultMessage="You don't have any lists yet. When you create one, it will show up here." />;
 
     return (
-      <Column icon='list-ul' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='list-ul' heading={intl.formatMessage(messages.heading)}>
         <br />
         <ColumnSubheading text={intl.formatMessage(messages.add)} />
         <NewListForm />

app/soapbox/features/mutes/index.js

@@ -54,7 +54,7 @@ class Mutes extends ImmutablePureComponent {
     const emptyMessage = <FormattedMessage id='empty_column.mutes' defaultMessage="You haven't muted any users yet." />;
 
     return (
-      <Column icon='volume-off' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='volume-off' heading={intl.formatMessage(messages.heading)}>
         <ScrollableList
           scrollKey='mutes'
           onLoadMore={this.handleLoadMore}

app/soapbox/features/preferences/index.js

@@ -131,7 +131,7 @@ class Preferences extends ImmutablePureComponent {
     };
 
     return (
-      <Column icon='cog' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='cog' heading={intl.formatMessage(messages.heading)}>
         <SimpleForm>
           <FieldsGroup>
             <SelectDropdown

app/soapbox/features/scheduled_statuses/index.js

@@ -51,7 +51,7 @@ class ScheduledStatuses extends ImmutablePureComponent {
     const emptyMessage = <FormattedMessage id='empty_column.scheduled_statuses' defaultMessage="You don't have any scheduled statuses yet. When you add one, it will show up here." />;
 
     return (
-      <Column icon='calendar' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='calendar' heading={intl.formatMessage(messages.heading)}>
         <ScrollableList
           scrollKey='scheduled_statuses'
           emptyMessage={emptyMessage}

app/soapbox/features/security/index.js

@@ -79,7 +79,7 @@ class SecurityForm extends ImmutablePureComponent {
     const { intl } = this.props;
 
     return (
-      <Column icon='lock' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='lock' heading={intl.formatMessage(messages.heading)}>
         <ChangeEmailForm />
         <ChangePasswordForm />
         <SetUpMfa />

app/soapbox/features/security/mfa_form.js

@@ -88,7 +88,7 @@ class MfaForm extends ImmutablePureComponent {
     const { displayOtpForm } = this.state;
 
     return (
-      <Column icon='lock' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='lock' heading={intl.formatMessage(messages.heading)}>
         <ColumnSubheading text={intl.formatMessage(messages.subheading)} />
         { settings.get('otpEnabled') === true && <DisableOtpForm />}
         { settings.get('otpEnabled') === false && <EnableOtpForm handleSetupProceedClick={this.handleSetupProceedClick} />}

app/soapbox/features/server_info/index.js

@@ -27,7 +27,7 @@ class ServerInfo extends ImmutablePureComponent {
     const { intl, instance } = this.props;
 
     return (
-      <Column icon='info' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='info' heading={intl.formatMessage(messages.heading)}>
         <div className='info_column_area'>
           <div className='info__brand'>
             <div className='brand'>

app/soapbox/features/soapbox_config/index.js

@@ -219,7 +219,7 @@ class SoapboxConfig extends ImmutablePureComponent {
     const soapbox = this.getSoapboxConfig();
 
     return (
-      <Column icon='cog' heading={intl.formatMessage(messages.heading)} backBtnSlim>
+      <Column icon='cog' heading={intl.formatMessage(messages.heading)}>
         <SimpleForm onSubmit={this.handleSubmit}>
           <fieldset disabled={this.state.isLoading}>
             <SitePreview soapbox={soapbox} />

app/soapbox/features/ui/components/profile_info_panel.js

@@ -170,7 +170,7 @@ class ProfileInfoPanel extends ImmutablePureComponent {
 
               {fields.map((pair, i) =>
                 isTicker(pair.get('name', '')) ? (
-                  <BundleContainer fetchComponent={CryptoAddress}>
+                  <BundleContainer fetchComponent={CryptoAddress} key={i}>
                     {Component => (
                       <Component
                         key={i}