Merge pull request #81 from the-programmers-hangout/refact-clean-up

refact: clean up

package.json

@@ -21,7 +21,7 @@
     "develop": "gatsby develop",
     "fetch-users": "node ./scripts/fetchUsers.js",
     "format": "prettier --write src/**/*.{js,jsx}",
-    "lint": "tslint -c tslint.json '{src,scripts}/**/*.{js,ts,tsx}'",
+    "lint": "tslint -p tsconfig.json -c tslint.json '{src,scripts}/**/*.{js,ts,tsx}'",
     "lint:fix": "npm run lint -- --fix",
     "serve": "gatsby serve",
     "start": "npm run develop",

src/components/DiscordButton/index.tsx

@@ -1,12 +1,10 @@
 import React, { PropsWithChildren } from "react"
 import * as SC from "./styles"
 
-function DiscordButton({ children }: PropsWithChildren<{}>) {
+export function DiscordButton({ children }: PropsWithChildren<{}>) {
   return (
     <SC.DiscordButtonWrapper>
       <SC.StyledDiscordLogo /> {children}
     </SC.DiscordButtonWrapper>
   )
 }
-
-export default DiscordButton

src/components/Footer/styles.tsx

@@ -1,4 +1,3 @@
-import { Link } from "gatsby"
 import styled from "styled-components"
 
 export const FooterWrapper = styled.footer`

src/components/Header/index.tsx

@@ -1,6 +1,6 @@
 import { Link } from "gatsby"
 import React, { PropsWithChildren, useLayoutEffect, useState } from "react"
-import DiscordButton from "../DiscordButton"
+import { DiscordButton } from "../DiscordButton"
 import { WavesBottom, WavesTop } from "../Waves"
 import * as SC from "./styles"
 

src/components/Layout/index.tsx

@@ -5,7 +5,6 @@
  * See: https://www.gatsbyjs.org/docs/use-static-query/
  */
 
-import { graphql, useStaticQuery } from "gatsby"
 import React, { Fragment, PropsWithChildren } from "react"
 
 import { GlobalStyles } from "../../globalStyles"
@@ -20,15 +19,6 @@ export function Layout({
   location,
 }: PropsWithChildren<{ location: Location }>) {
   const isHome = location.pathname === "/"
-  const data = useStaticQuery(graphql`
-    query {
-      site {
-        siteMetadata {
-          title
-        }
-      }
-    }
-  `)
 
   return (
     <SC.LayoutWrapper>

src/components/Markdown/index.tsx

@@ -17,7 +17,7 @@ interface IMarkdownProps {
 export function Markdown({
   content,
   ...restProps
-}: MarkdownProps): JSX.Element {
+}: IMarkdownProps): JSX.Element {
   React.useEffect(() => {
     Prism.highlightAll()
   }, [])

src/components/ResourceHeader/index.tsx

@@ -51,7 +51,7 @@ export function ResourceHeader({
   timeToRead,
   recommendedReading,
   externalResources,
-}: ResourceHeaderProps) {
+}: IResourceHeaderProps) {
   const date = new Date(createdAt)
   const month = date.toLocaleString("default", { month: "long" })
   const day = date.getDate()

src/pages/about.tsx

@@ -1,6 +1,6 @@
 import { graphql } from "gatsby"
 import React, { Fragment } from "react"
-import { MarkdownRemark, Query } from "../../generated/graphql"
+import { MarkdownRemark } from "../../generated/graphql"
 import { Markdown } from "../components/Markdown"
 import { SEO } from "../components/SEO"
 

src/pages/index.tsx

@@ -1,4 +1,3 @@
-import { Link } from "gatsby"
 import React, { Fragment } from "react"
 
 import { SEO } from "../components/SEO"

src/pages/rules.tsx

@@ -1,6 +1,6 @@
 import { graphql } from "gatsby"
 import React, { Fragment } from "react"
-import { MarkdownRemark, Query } from "../../generated/graphql"
+import { MarkdownRemark } from "../../generated/graphql"
 import { Markdown } from "../components/Markdown"
 import { SEO } from "../components/SEO"
 

src/templates/languagePost.tsx

@@ -8,7 +8,7 @@ import { SEO } from "../components/SEO"
 function LanguagePost({ data }: any) {
   const { relativePath } = data.file
   const { html, fields, frontmatter, timeToRead } = data.file.post
-  console.log(data)
+
   return (
     <Fragment>
       <SEO title={frontmatter.title} />

tslint.json

@@ -27,6 +27,7 @@
     "no-eval": true,
     "no-parameter-reassignment": true,
     "no-submodule-imports": false,
+    "no-unused-variable": true,
 
     "react-hooks-nesting": "error"
   },