trevorblades

import PropTypes from 'prop-types';
import React, {Fragment, useRef, useState} from 'react';
import gql from 'graphql-tag';
import useClickAway from 'react-use/lib/useClickAway';
import {
  Box,
  Button,
  Dialog,
  DialogActions,
  DialogContent,

trevorblades

import PackCard from './pack-card';
import PropTypes from 'prop-types';
import React, {useEffect} from 'react';
import {Grid} from '@material-ui/core';
import {useWindowScroll, useWindowSize} from 'react-use';

export default function PackBrowserGrid(props) {
  const {y} = useWindowScroll();
  const {height} = useWindowSize();

trevorblades

import gql from 'graphql-tag';

export const PROJECT_FRAGMENT = gql`
  fragment ProjectFragment on Project {
    id
    name
    updatedAt
  }
`;

trevorblades

import PropTypes from 'prop-types';
import RateButton from './rate-button';
import React, {useRef, useState} from 'react';
import Waveform from './waveform';
import useHoverDirty from 'react-use/lib/useHoverDirty';
import {
  Box,
  IconButton,
  MuiThemeProvider,
  Tooltip,

trevorblades

useEffect(() => {
    document.addEventListener('keydown', handleKeyDown);
    return () => {
      document.removeEventListener('keydown', handleKeyDown);
    };
  }, []);

  function handleKeyDown(event) {
    console.log(event);
  }

trevorblades

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-theme-esports',
      options: {
        root: __dirname
      }
    }
  ]
};

trevorblades

function spellingBeeSolutions(wordList, puzzles) {
  return puzzles.map(puzzle => {
    const puzzleLetters = puzzle.split('');
  
    return wordList.reduce((acc, word) => {
      const letters = word.split('');
      const match = letters.every(
        letter => puzzleLetters.includes(letter)
      );

trevorblades

import React, {Component} from 'react';
import styles from './Navbar.module.css';
import {Link, NavLink} from 'react-router-dom';

function isLoggedIn() {
  const cookies = document.cookie
    .split(';')
    .filter(item => item.trim().startsWith('logedIn='));
  return cookies.length > 0;
}

trevorblades

function ProductsList() {
  const {loading, error, data} = useQuery(LIST_PRODUCTS);
  if (loading) return 'Loading...';
  if (error) return error.message;
  return (
    <ul>
      {data.products.map(product => (
        <li key={product.id}>{product.name}</li>
      ))}
    </ul>

trevorblades

const visit = require('unist-util-visit');
const babel = require('@babel/core');

const ts = ['ts', 'tsx', 'typescript'];
const babelOptions = {
  presets: [
    [
      '@babel/typescript',
      {
        allExtensions: true,