Apply prettier formatting

src/components/views/auth/VectorAuthFooter.tsx

@@ -15,31 +15,33 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { ReactElement } from 'react';
-import SdkConfig from 'matrix-react-sdk/src/SdkConfig';
-import { _t } from 'matrix-react-sdk/src/languageHandler';
+import React, { ReactElement } from "react";
+import SdkConfig from "matrix-react-sdk/src/SdkConfig";
+import { _t } from "matrix-react-sdk/src/languageHandler";
 
 const VectorAuthFooter = (): ReactElement => {
     const brandingConfig = SdkConfig.getObject("branding");
     const links = brandingConfig?.get("auth_footer_links") ?? [
-        { "text": "Blog", "url": "https://element.io/blog" },
-        { "text": "Twitter", "url": "https://twitter.com/element_hq" },
-        { "text": "GitHub", "url": "https://github.com/vector-im/element-web" },
+        { text: "Blog", url: "https://element.io/blog" },
+        { text: "Twitter", url: "https://twitter.com/element_hq" },
+        { text: "GitHub", url: "https://github.com/vector-im/element-web" },
     ];
 
     const authFooterLinks = [];
     for (const linkEntry of links) {
         authFooterLinks.push(
             <a href={linkEntry.url} key={linkEntry.text} target="_blank" rel="noreferrer noopener">
-                { linkEntry.text }
+                {linkEntry.text}
             </a>,
         );
     }
 
     return (
         <footer className="mx_AuthFooter" role="contentinfo">
-            { authFooterLinks }
-            <a href="https://matrix.org" target="_blank" rel="noreferrer noopener">{ _t('Powered by Matrix') }</a>
+            {authFooterLinks}
+            <a href="https://matrix.org" target="_blank" rel="noreferrer noopener">
+                {_t("Powered by Matrix")}
+            </a>
         </footer>
     );
 };

src/components/views/auth/VectorAuthHeaderLogo.tsx

@@ -15,8 +15,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import * as React from 'react';
-import SdkConfig from 'matrix-react-sdk/src/SdkConfig';
+import * as React from "react";
+import SdkConfig from "matrix-react-sdk/src/SdkConfig";
 
 export default class VectorAuthHeaderLogo extends React.PureComponent {
     public render(): React.ReactElement {

src/components/views/auth/VectorAuthPage.tsx

@@ -14,8 +14,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import * as React from 'react';
-import SdkConfig from 'matrix-react-sdk/src/SdkConfig';
+import * as React from "react";
+import SdkConfig from "matrix-react-sdk/src/SdkConfig";
 
 import VectorAuthFooter from "./VectorAuthFooter";
 
@@ -48,25 +48,25 @@ export default class VectorAuthPage extends React.PureComponent {
         };
 
         const modalStyle: React.CSSProperties = {
-            position: 'relative',
-            background: 'initial',
+            position: "relative",
+            background: "initial",
         };
 
         const blurStyle: React.CSSProperties = {
-            position: 'absolute',
+            position: "absolute",
             top: 0,
             right: 0,
             bottom: 0,
             left: 0,
-            filter: 'blur(40px)',
+            filter: "blur(40px)",
             background: pageStyle.background,
         };
 
         const modalContentStyle: React.CSSProperties = {
-            display: 'flex',
+            display: "flex",
             zIndex: 1,
-            background: 'rgba(255, 255, 255, 0.59)',
-            borderRadius: '8px',
+            background: "rgba(255, 255, 255, 0.59)",
+            borderRadius: "8px",
         };
 
         return (
@@ -74,7 +74,7 @@ export default class VectorAuthPage extends React.PureComponent {
                 <div className="mx_AuthPage_modal" style={modalStyle}>
                     <div className="mx_AuthPage_modalBlur" style={blurStyle} />
                     <div className="mx_AuthPage_modalContent" style={modalContentStyle}>
-                        { this.props.children }
+                        {this.props.children}
                     </div>
                 </div>
                 <VectorAuthFooter />