Lucas N. Munhoz lnmunhoz

## useElementOnScreen.tsx
import { useEffect, useRef, useState } from 'react';
import * as React from 'react';

export type UseElementOnScreenProps = [React.MutableRefObject<any>, boolean];

export const useElementOnScreen = (options?: IntersectionObserverInit): UseElementOnScreenProps => {
  const containerRef = useRef(null);
  const [isVisible, setIsVisible] = useState(false);

  const callbackFunction = (entries) => {

## refactor-apollo-query-components-data-prop.js
/**
 * This transformer adds an empty object assignment to every Query component in the codebase.
 * It will only touch the file if it find a Query that has object destructuring assignment.
 * https://astexplorer.net/#/gist/a52e94d33bf5329027fddc77b95d9fe5/7b18cb8ae69e0ab4413375276863632cf6307d52
 */
export default function transformer(file, api) {
  const j = api.jscodeshift

  return j(file.source)
    .find(j.JSXElement, path => path.openingElement.name.name === 'Query')

## graphiql.css
.graphiql-container {
  height: 100vh;
  width: 100vw;
}

.graphiql-container .topBar,
.graphiql-container .docExplorerShow,
.graphiql-container .execute-button {
  background: linear-gradient(#e2e2e2, #f7f7f7);
}

## README.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                lnmunhoz
                / README.md
            
            
              Last active
              May 24, 2019 05:48
            
              
                Moving data from local postgres to remote postgres using Hasura
              
          
    A simple workflow to import your data from localhost to your remote Hasura instance. I think this is not the best way but
this is how it worked from me after many tries.
From the localhost

hasura init --directory my-project --endpoint http://localhost:8080
cd my-project

hasura migrate create "init" --from-server

  
## .block
license: mit

## .block
license: mit

## .block
license: mit

## .block
license: mit

## .block
license: mit

## .block
license: mit
	import { useEffect, useRef, useState } from 'react';
	import * as React from 'react';

	export type UseElementOnScreenProps = [React.MutableRefObject<any>, boolean];

	export const useElementOnScreen = (options?: IntersectionObserverInit): UseElementOnScreenProps => {
	const containerRef = useRef(null);
	const [isVisible, setIsVisible] = useState(false);

	const callbackFunction = (entries) => {
	/**
	* This transformer adds an empty object assignment to every Query component in the codebase.
	* It will only touch the file if it find a Query that has object destructuring assignment.
	* https://astexplorer.net/#/gist/a52e94d33bf5329027fddc77b95d9fe5/7b18cb8ae69e0ab4413375276863632cf6307d52
	*/
	export default function transformer(file, api) {
	const j = api.jscodeshift

	return j(file.source)
	.find(j.JSXElement, path => path.openingElement.name.name === 'Query')
	.graphiql-container {
	height: 100vh;
	width: 100vw;
	}

	.graphiql-container .topBar,
	.graphiql-container .docExplorerShow,
	.graphiql-container .execute-button {
	background: linear-gradient(#e2e2e2, #f7f7f7);
	}