prettier write to all files

rubicon · Jul 7, 2020 · 10b223e · 10b223e
1 parent d370d65
commit 10b223e
Show file tree

Hide file tree

Showing 64 changed files with 1,304 additions and 1,808 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -1,7 +1,7 @@
 {
   "tabWidth": 4,
+  "printWidth": 140,
   "semi": true,
-  "traillingComma": "es5",
   "singleQuote": true,
   "endOfLine": "lf"
 }
diff --git a/pages/404/index.tsx b/pages/404/index.tsx
@@ -10,22 +10,20 @@ export default function Custom404() {
     return (
         <div className={styles.errPage}>
             <Head>
-                <title>404 Not Found  | wtfresume</title>
+                <title>404 Not Found | wtfresume</title>
             </Head>
             <HeaderNavbar />
 
             <div className="container">
                 <div className={styles.insideErr}>
                     <h1>404 | Page Not Found</h1>
                     <Link href="/">
-                        <a>
-                            Home Page
-                        </a>
+                        <a>Home Page</a>
                     </Link>
                 </div>
             </div>
-            
+
             <Footer />
         </div>
-    )
-}
+    );
+}
diff --git a/pages/404/style.module.scss b/pages/404/style.module.scss
@@ -1,22 +1,21 @@
-
-.errPage  {
+.errPage {
     font-family: 'Roboto';
     background: #fff;
     // background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
-	// background-size: 400% 400%;
-	// animation: gradient 15s ease infinite;
+    // background-size: 400% 400%;
+    // animation: gradient 15s ease infinite;
 }
 
 @keyframes gradient {
-	0% {
-		background-position: 0% 50%;
-	}
-	50% {
-		background-position: 100% 50%;
-	}
-	100% {
-		background-position: 0% 50%;
-	}
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 100% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
+    }
 }
 
 .insideErr {
@@ -29,12 +28,12 @@
     line-height: 500px;
     font-weight: bold;
     background-color: #36b8e7;
-    background-image: linear-gradient(90deg, #36b8e7 40%, #dd5ac1 60%);    
+    background-image: linear-gradient(90deg, #36b8e7 40%, #dd5ac1 60%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 
 .insideErr a {
     position: relative;
     top: -200px;
-}
+}
diff --git a/pages/_app/index.tsx b/pages/_app/index.tsx
@@ -1,5 +1,5 @@
-import App from 'next/app'
-import React from 'react'
+import App from 'next/app';
+import React from 'react';
 import { ThemeProvider } from 'styled-components';
 import { Provider } from 'react-redux';
 import { appStore } from '../../src/redux/store';
@@ -22,42 +22,38 @@ import '../../src/theme/main.scss';
 import { Colors } from '@colors';
 
 const theme = {
-	colors: {
-		...Colors
-	}
-}
-
+    colors: {
+        ...Colors,
+    },
+};
 
 class MyApp extends App {
-	constructor(props: any) {
-		super(props)
-		this.persistor = persistStore(props.reduxStore)
-	}
-
-	persistor: any
-
-	render() {
-		const { Component, pageProps } = this.props
-		return (
-			<>
-				<Head>
-					<title>wtfresume | free resmue builder</title>
-					<meta name="description" content="A modern real time design and 100% free resume builder."></meta>
-				</Head>
-				<Provider store={appStore}>
-					<PersistGate
-    					loading={<Component {...pageProps} />}
-    					persistor={this.persistor}
-					>
-						<ThemeProvider theme={theme}>
-							<Component {...pageProps} />
-						</ThemeProvider>
-					</PersistGate>
-				</Provider>
-				<ToastContainer />
-			</>
-		)
-  }
+    constructor(props: any) {
+        super(props);
+        this.persistor = persistStore(props.reduxStore);
+    }
+
+    persistor: any;
+
+    render() {
+        const { Component, pageProps } = this.props;
+        return (
+            <>
+                <Head>
+                    <title>wtfresume | free resmue builder</title>
+                    <meta name="description" content="A modern real time design and 100% free resume builder."></meta>
+                </Head>
+                <Provider store={appStore}>
+                    <PersistGate loading={<Component {...pageProps} />} persistor={this.persistor}>
+                        <ThemeProvider theme={theme}>
+                            <Component {...pageProps} />
+                        </ThemeProvider>
+                    </PersistGate>
+                </Provider>
+                <ToastContainer />
+            </>
+        );
+    }
 }
 
-export default withReduxStore(MyApp)
+export default withReduxStore(MyApp);
diff --git a/pages/_document/index.tsx b/pages/_document/index.tsx
@@ -1,30 +1,31 @@
-import Document, { DocumentContext } from 'next/document'
-import { ServerStyleSheet } from 'styled-components'
+import React from 'react';
+import Document, { DocumentContext } from 'next/document';
+import { ServerStyleSheet } from 'styled-components';
 
 // import '@types';
 export default class MyDocument extends Document {
-  static async getInitialProps(ctx: DocumentContext) {
-    const sheet = new ServerStyleSheet()
-    const originalRenderPage = ctx.renderPage
+    static async getInitialProps(ctx: DocumentContext) {
+        const sheet = new ServerStyleSheet();
+        const originalRenderPage = ctx.renderPage;
 
-    try {
-      ctx.renderPage = () =>
-        originalRenderPage({
-          enhanceApp: App => props => sheet.collectStyles(<App {...props} />),
-        })
+        try {
+            ctx.renderPage = () =>
+                originalRenderPage({
+                    enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />),
+                });
 
-      const initialProps = await Document.getInitialProps(ctx)
-      return {
-        ...initialProps,
-        styles: (
-          <>
-            {initialProps.styles}
-            {sheet.getStyleElement()}
-          </>
-        ),
-      }
-    } finally {
-      sheet.seal()
+            const initialProps = await Document.getInitialProps(ctx);
+            return {
+                ...initialProps,
+                styles: (
+                    <>
+                        {initialProps.styles}
+                        {sheet.getStyleElement()}
+                    </>
+                ),
+            };
+        } finally {
+            sheet.seal();
+        }
     }
-  }
-}
+}