Diego Mais diegomais

## .gitconfig
[color]
	ui = true
[color "branch"]
	current = white
	remote = red
[color "diff"]
	meta = yellow
	old = red
	new = green
[color "status"]

## cursorPagination.ts
import { ObjectType, Field, ClassType, Int, ArgsType } from 'type-graphql';
import { SelectQueryBuilder } from 'typeorm';
import Cursor, { TCursor } from 'scalar/cursor';

@ArgsType()
export class CursorPaginationArgs {

	@Field({ nullable: true })
	after?: TCursor;

## page-info.ts
import { ObjectType, Field } from "@nestjs/graphql";

@ObjectType()
export class PageInfo {

    @Field({ nullable: true })
    startCursor: string;

    @Field({ nullable: true })
    endCursor: string;

## SearchBar.js
import React from 'react';
import PropTypes from 'prop-types';

let timeout;

const SearchBar = ({placeholder, buttonLabel, inputDelay, onChange, onButtonClick}) => {
    const onChangeDebounce = (evt) => {
        timeout && clearTimeout(timeout);
        const target = evt.target;
        timeout = setTimeout(() => onChange({target}), inputDelay);

## script.js
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Intl.NumberFormat</title>
    <script type="text/javascript" charset="UTF-8" src="script.js"></script>
</head>
<body>
    <output id=output></output>

## filterArraysByKey.js
function filterArraysByKey (arr1, arr2, key) {
  var result = [];
  result = arr1.filter(function (el) {
    var res = true;
    for (var i = arr2.length - 1; i >= 0; i--) {
      if (arr2[i][key] === el[key]) {
        res = false;
        break;
      }
    }

## UnsplashFeed.jsx
import Unsplash, { toJson } from 'unsplash-js'

const unsplashInstance = new Unsplash({
  secret: 'Your secret here',
  accessKey: 'Your accessKey here',
})

const UnsplashFeed = () => {
  const [error, setError] = useState()
  const [isFetching, setIsFetching] = useState(true)

## fetchPhotos.js
import Unsplash, { toJson } from 'unsplash-js';

const unsplashInstance = new Unsplash({
  secret: 'Your secret here',
  accessKey: 'Your accessKey here',
});

async function fetchPhotos(keyword, page, limit = 10) {
  const photoResult = await unsplashInstance.search
    .photos(keyword, page, limit)

## metatags.html
<meta httpEquiv="x-ua-compatible" content="IE=edge,chrome=1" />
<meta name="MobileOptimized" content="320" />
<meta name="HandheldFriendly" content="True" />
<meta name="theme-color" content="#121214" />
<meta name="msapplication-TileColor" content="#121214" />
<meta name="referrer" content="no-referrer-when-downgrade" />
<meta name="google" content="notranslate" />

<meta property="og:title" content={pageTitle} />
<meta property="og:description" content={description} />

## Dockerfile
FROM node:12 AS build
WORKDIR /app
COPY package* yarn.lock ./
RUN yarn install
COPY public ./public
COPY src ./src
RUN yarn run build

FROM nginx:alpine
COPY --from=build /app/build /usr/share/nginx/html
	[color]
	ui = true
	[color "branch"]
	current = white
	remote = red
	[color "diff"]
	meta = yellow
	old = red
	new = green
	[color "status"]
	import { ObjectType, Field, ClassType, Int, ArgsType } from 'type-graphql';
	import { SelectQueryBuilder } from 'typeorm';
	import Cursor, { TCursor } from 'scalar/cursor';

	@ArgsType()
	export class CursorPaginationArgs {

	@Field({ nullable: true })
	after?: TCursor;
	import { ObjectType, Field } from "@nestjs/graphql";

	@ObjectType()
	export class PageInfo {

	@Field({ nullable: true })
	startCursor: string;

	@Field({ nullable: true })
	endCursor: string;
	import React from 'react';
	import PropTypes from 'prop-types';

	let timeout;

	const SearchBar = ({placeholder, buttonLabel, inputDelay, onChange, onButtonClick}) => {
	const onChangeDebounce = (evt) => {
	timeout && clearTimeout(timeout);
	const target = evt.target;
	timeout = setTimeout(() => onChange({target}), inputDelay);
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Intl.NumberFormat</title>
	<script type="text/javascript" charset="UTF-8" src="script.js"></script>
	</head>
	<body>
	<output id=output></output>
	function filterArraysByKey (arr1, arr2, key) {
	var result = [];
	result = arr1.filter(function (el) {
	var res = true;
	for (var i = arr2.length - 1; i >= 0; i--) {
	if (arr2[i][key] === el[key]) {
	res = false;
	break;
	}
	}
	import Unsplash, { toJson } from 'unsplash-js'

	const unsplashInstance = new Unsplash({
	secret: 'Your secret here',
	accessKey: 'Your accessKey here',
	})

	const UnsplashFeed = () => {
	const [error, setError] = useState()
	const [isFetching, setIsFetching] = useState(true)
	<meta httpEquiv="x-ua-compatible" content="IE=edge,chrome=1" />
	<meta name="MobileOptimized" content="320" />
	<meta name="HandheldFriendly" content="True" />
	<meta name="theme-color" content="#121214" />
	<meta name="msapplication-TileColor" content="#121214" />
	<meta name="referrer" content="no-referrer-when-downgrade" />
	<meta name="google" content="notranslate" />

	<meta property="og:title" content={pageTitle} />
	<meta property="og:description" content={description} />
	FROM node:12 AS build
	WORKDIR /app
	COPY package* yarn.lock ./
	RUN yarn install
	COPY public ./public
	COPY src ./src
	RUN yarn run build

	FROM nginx:alpine
	COPY --from=build /app/build /usr/share/nginx/html