Fix spacing errors (#7484)

src/components/structures/EmbeddedPage.tsx

@@ -86,7 +86,7 @@ export default class EmbeddedPage extends React.PureComponent<IProps, IState> {
                     return;
                 }
 
-                body = body.replace(/_t\(['"]([\s\S]*?)['"]\)/mg, (match, g1)=>this.translate(g1));
+                body = body.replace(/_t\(['"]([\s\S]*?)['"]\)/mg, (match, g1) => this.translate(g1));
 
                 if (this.props.replaceMap) {
                     Object.keys(this.props.replaceMap).forEach(key => {

src/components/structures/auth/Registration.tsx

@@ -363,7 +363,7 @@ export default class Registration extends React.Component<IProps, IState> {
             return Promise.resolve();
         }
         const matrixClient = MatrixClientPeg.get();
-        return matrixClient.getPushers().then((resp)=>{
+        return matrixClient.getPushers().then((resp) => {
             const pushers = resp.pushers;
             for (let i = 0; i < pushers.length; ++i) {
                 if (pushers[i].kind === 'email') {

src/components/views/dialogs/ModalWidgetDialog.tsx

@@ -80,7 +80,7 @@ export default class ModalWidgetDialog extends React.PureComponent<IProps, IStat
     }
 
     public componentDidMount() {
-        const driver = new StopGapWidgetDriver( [], this.widget, WidgetKind.Modal);
+        const driver = new StopGapWidgetDriver([], this.widget, WidgetKind.Modal);
         const messaging = new ClientWidgetApi(this.widget, this.appFrame.current, driver);
         this.setState({ messaging });
     }

src/components/views/elements/FacePile.tsx

@@ -94,7 +94,7 @@ const FacePile = ({ room, onlyKnownUsers = true, numShown = DEFAULT_NUM_FACES, .
         <TextWithTooltip class="mx_FacePile_faces" tooltip={tooltip} tooltipProps={{ yOffset: 32 }}>
             { members.length > numShown ? <span className="mx_FacePile_face mx_FacePile_more" /> : null }
             { shownMembers.map(m =>
-                <MemberAvatar key={m.userId} member={m} width={28} height={28} className="mx_FacePile_face" /> ) }
+                <MemberAvatar key={m.userId} member={m} width={28} height={28} className="mx_FacePile_face" />) }
         </TextWithTooltip>
         { onlyKnownUsers && <span className="mx_FacePile_summary">
             { _t("%(count)s people you know have already joined", { count: members.length }) }

src/components/views/messages/MPollBody.tsx

@@ -329,7 +329,7 @@ export default class MPollBody extends React.Component<IBodyProps, IState> {
         }
         const newEventIds = newEvents.map((mxEvent: MatrixEvent) => mxEvent.getId());
         this.seenEventIds = this.seenEventIds.concat(newEventIds);
-        this.setState( { selected: newSelected } );
+        this.setState({ selected: newSelected });
     }
 
     private totalVotes(collectedVotes: Map<string, number>): number {
@@ -381,7 +381,7 @@ export default class MPollBody extends React.Component<IBodyProps, IState> {
                 );
             }
         } else {
-            totalText = _t( "Based on %(count)s votes", { count: totalVotes } );
+            totalText = _t("Based on %(count)s votes", { count: totalVotes });
         }
 
         return <div className="mx_MPollBody">

src/components/views/right_panel/RoomHeaderButtons.tsx

@@ -265,7 +265,7 @@ export default class RoomHeaderButtons extends HeaderButtons<IProps> {
         return <>
             {
                 Array.from(rightPanelPhaseButtons.keys()).map((phase) =>
-                    ( this.props.excludedRightPanelPhaseButtons.includes(phase)
+                    (this.props.excludedRightPanelPhaseButtons.includes(phase)
                         ? null
                         : rightPanelPhaseButtons.get(phase)))
             }

src/components/views/right_panel/UserInfo.tsx

@@ -94,7 +94,7 @@ const disambiguateDevices = (devices: IDevice[]) => {
     }
     for (const name in names) {
         if (names[name].length > 1) {
-            names[name].forEach((j)=>{
+            names[name].forEach((j) => {
                 devices[j].ambiguous = true;
             });
         }

src/components/views/rooms/EventTile.tsx

@@ -1245,16 +1245,16 @@ export default class EventTile extends React.Component<IProps, IState> {
             <div className="mx_EventTile_keyRequestInfo_tooltip_contents">
                 <p>
                     { this.state.previouslyRequestedKeys ?
-                        _t( 'Your key share request has been sent - please check your other sessions ' +
-                            'for key share requests.') :
-                        _t( 'Key share requests are sent to your other sessions automatically. If you ' +
-                            'rejected or dismissed the key share request on your other sessions, click ' +
-                            'here to request the keys for this session again.')
+                        _t('Your key share request has been sent - please check your other sessions ' +
+                           'for key share requests.') :
+                        _t('Key share requests are sent to your other sessions automatically. If you ' +
+                           'rejected or dismissed the key share request on your other sessions, click ' +
+                           'here to request the keys for this session again.')
                     }
                 </p>
                 <p>
-                    { _t( 'If your other sessions do not have the key for this message you will not ' +
-                            'be able to decrypt them.')
+                    { _t('If your other sessions do not have the key for this message you will not ' +
+                         'be able to decrypt them.')
                     }
                 </p>
             </div>;

src/components/views/rooms/MemberList.tsx

@@ -309,7 +309,7 @@ export default class MemberList extends React.Component<IProps, IState> {
         return this.createOverflowTile(overflowCount, totalCount, this.showMoreInvitedMemberList);
     };
 
-    private createOverflowTile = (overflowCount: number, totalCount: number, onClick: () => void): JSX.Element=> {
+    private createOverflowTile = (overflowCount: number, totalCount: number, onClick: () => void): JSX.Element => {
         // For now we'll pretend this is any entity. It should probably be a separate tile.
         const text = _t("and %(count)s others...", { count: overflowCount });
         return (

src/components/views/settings/ThemeChoicePanel.tsx

@@ -170,7 +170,7 @@ export default class ThemeChoicePanel extends React.Component<IProps, IState> {
                     checked={isHighContrastTheme(this.state.theme)}
                     onChange={(e) => this.highContrastThemeChanged(e.target.checked)}
                 >
-                    { _t( "Use high contrast" ) }
+                    { _t("Use high contrast") }
                 </StyledCheckbox>
             </div>;
         }

src/components/views/settings/account/EmailAddresses.tsx

@@ -93,7 +93,7 @@ export class ExistingEmailAddress extends React.Component<IExistingEmailAddressP
             return (
                 <div className="mx_ExistingEmailAddress">
                     <span className="mx_ExistingEmailAddress_promptText">
-                        { _t("Remove %(email)s?", { email: this.props.email.address } ) }
+                        { _t("Remove %(email)s?", { email: this.props.email.address }) }
                     </span>
                     <AccessibleButton
                         onClick={this.onActuallyRemove}

src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx

@@ -337,7 +337,7 @@ export default class HelpUserSettingsTab extends React.Component<IProps, IState>
                         <details>
                             <summary>{ _t("Access Token") }</summary><br />
                             <b>{ _t("Your access token gives full access to your account."
-                               + " Do not share it with anyone." ) }</b>
+                               + " Do not share it with anyone.") }</b>
                             <div className="mx_HelpUserSettingsTab_copy">
                                 <code>{ MatrixClientPeg.get().getAccessToken() }</code>
                                 <AccessibleTooltipButton

src/components/views/settings/tabs/user/LabsUserSettingsTab.tsx

@@ -81,7 +81,7 @@ export default class LabsUserSettingsTab extends React.Component<{}, IState> {
         let betaSection;
         if (betas.length) {
             betaSection = <div className="mx_SettingsTab_section">
-                { betas.map(f => <BetaCard key={f} featureId={f} /> ) }
+                { betas.map(f => <BetaCard key={f} featureId={f} />) }
             </div>;
         }
 

src/components/views/settings/tabs/user/SecurityUserSettingsTab.tsx

@@ -96,10 +96,10 @@ export default class SecurityUserSettingsTab extends React.Component<IProps, ISt
         };
     }
 
-    private onAction = ({ action }: ActionPayload)=> {
+    private onAction = ({ action }: ActionPayload) => {
         if (action === "ignore_state_changed") {
             const ignoredUserIds = MatrixClientPeg.get().getIgnoredUsers();
-            const newWaitingUnignored = this.state.waitingUnignored.filter(e=> ignoredUserIds.includes(e));
+            const newWaitingUnignored = this.state.waitingUnignored.filter(e => ignoredUserIds.includes(e));
             this.setState({ ignoredUserIds, waitingUnignored: newWaitingUnignored });
         }
     };