Prettified everything!

Author: rohit-ravikoti

.prettierignore

@@ -0,0 +1,5 @@
+package.json
+package-lock.json
+**/node_modules/**
+**/.yoga/**
+**/dist/**

oss

@@ -1,4 +1,4 @@
-declare module '*.png'
-declare module '*.jpg'
-declare module '*.jpeg'
-declare module '*.gif'
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.gif';

packages/gatsby-theme/images.d.ts

@@ -1,2 +1,2 @@
 // no-op
-export * from './src/components/shared/base';
+export * from './src/components/shared/base';

packages/gatsby-theme/index.ts

@@ -1,6 +1,6 @@
-import * as React from 'react'
+import * as React from 'react';
 
-export default () =>
+export default () => (
   <svg
     width="18"
     height="22"
@@ -29,3 +29,4 @@ export default () =>
       </linearGradient>
     </defs>
   </svg>
+);

packages/gatsby-theme/src/assets/icons/GraphQLConf.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react'
+import * as React from 'react';
 
-export default () =>
+export default () => (
   <svg
     width="10"
     height="10"
@@ -14,3 +14,4 @@ export default () =>
       fill="#000"
     />
   </svg>
+);

packages/gatsby-theme/src/assets/icons/LinkArrow.tsx

@@ -17,11 +17,9 @@ type Tutorial = {
 type FrontMatter = {
   pageTitle: string | null;
   description: string | null;
-}
+};
 
-const Chapter: React.FunctionComponent<ChapterProps> = ({
- num, tutorial
-}) => {
+const Chapter: React.FunctionComponent<ChapterProps> = ({ num, tutorial }) => {
   return (
     <Card width={[1]} p={4} my={4} borderRadius={8} boxShadow="small">
       <Flex alignItems="center">
@@ -31,7 +29,6 @@ const Chapter: React.FunctionComponent<ChapterProps> = ({
             <Heading as="h2">{tutorial.frontmatter.pageTitle}</Heading>
           </Link>
           <Text>{tutorial.frontmatter.description}</Text>
-
         </div>
       </Flex>
     </Card>

packages/gatsby-theme/src/components/Chapter.tsx

@@ -169,10 +169,10 @@ export const CenteredLoader: React.SFC<{ height?: string }> = ({ height }) => {
   return (
     <div
       style={{
-        minHeight: `${height ? height : "100%"}`,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
+        minHeight: `${height ? height : '100%'}`,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
       }}
     >
       <Loader />

packages/gatsby-theme/src/components/Loader.tsx

@@ -1,2 +1,2 @@
 declare module 'gatsby-mdx';
-declare module 'prismjs/components/prism-core';
+declare module 'prismjs/components/prism-core';

packages/gatsby-theme/src/components/index.d.ts

@@ -1,8 +1,8 @@
-import { Link } from "gatsby";
-import * as React from "react";
-import { styled } from "../styles";
-import { useAllTutorialQuery } from "../hooks/useAllTutorialQuery";
-import { getTutorialSlug } from "../utils/getTutorialSlug";
+import { Link } from 'gatsby';
+import * as React from 'react';
+import { styled } from '../styles';
+import { useAllTutorialQuery } from '../hooks/useAllTutorialQuery';
+import { getTutorialSlug } from '../utils/getTutorialSlug';
 
 const Post = styled.article`
   box-shadow: 0 0.3rem 1rem rgba(25, 17, 34, 0.05);