gaurangrshah

import { graphql, useStaticQuery } from "gatsby"

type Props = {
  site: {
    siteMetadata: {
      title: string
      tagline: string
      description: string
      language: string
      siteUrl: string

gaurangrshah

import { useLayoutEffect } from "react"

export const useBodyScrolllock = toggle => {
  useLayoutEffect(() => {
    let originalStyle
    let lockScroll = !toggle ? false : true
    if (lockScroll) {
      originalStyle = window.getComputedStyle(document.body).overflow
      document.body.style.overflow = "hidden"
    }

gaurangrshah

module.exports = {
  siteMetadata: {
    title: `Gatsby Default Starter`,
    tagline: `This is what we do!`,
    description: `Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad amet ex et sed in. Nobis debitis earum ullam expedita harum?`,
    siteUrl: `https://www.livewebsiteURL.com`,
    author: `@thinkmechanic`,
    language: `en`,
    pages: [
      { label: "home", path: "/" },

gaurangrshah

/**
 * SEO component that queries for data with
 *  Gatsby's useStaticQuery React hook
 *
 * See: https://www.gatsbyjs.org/docs/use-static-query/
 */

import React from "react"
import Helmet from "react-helmet"
import useSiteMetadata from "../hooks/use-site-metadata"

gaurangrshah

const Button = {
  baseStyle: {
    default: {
      border: "none",
      variant: "solid",
      colorScheme: "blue",
      color: "white",
      textAlign: "left",
      pl: 2, // 0.5rem
      _hover: {

gaurangrshah

import React, { useState } from 'react';
import { Box, Button, Code } from '@chakra-ui/core';

const json = ({ data }) => {
  const [open, setOpen] = useState(false);

  React.useEffect(() => {
    setOpen(data ? true : false);
  }, [data]);

gaurangrshah

function seed (length, schema) {
  return new Array(length) //create a new array with length(num) of 'undefined' values 
    .fill(1) // convert 'undefined' values to the number 1
    .map((_, i) => ({schema})) // map over the array length(num) of times and output an item based on schema
}

gaurangrshah

import { chakra, ThemingProps, useStyleConfig } from '@chakra-ui/react'
import NextImage, { ImageProps as NextImageProps } from 'next/image'
import { ReactElement } from 'react'

/**
 * ? Because NextJs typing is preventing auto-suggest for layout, width and height
 * ? we declare the styles differently in this component and will manage the switch
 * ? to NextJs typings when calling NextJs Image component
 */
type LayoutValue = 'fixed' | 'intrinsic' | 'responsive' | undefined

gaurangrshah

module.exports = {
  webpack: function(config) {
    config.module.rules.push({
      test: /\.md$/,
      use: 'raw-loader',
    })
    return config
  },
}

gaurangrshah

import { Octokit } from '@octokit/rest'
import { nanoid } from 'nanoid'

export interface GitHubCMSOptions {
    owner: string;
    repo: string;
    token: string;
}

export interface Comment {