Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

Nikollas Betiol betiol

🏠
Working from home
View GitHub Profile
View App.css
.App {
background-color: #282c34;
display: flex;
justify-content: center;
height: 100vh;
align-items: center;
}
.login-button {
width: 200px;
View firebase-hooks.js
import { useState, useEffect } from 'react';
import { database } from './';
import UserStorage from '../shared/UserStorage';
export async function save(data) {
const { uid } = await UserStorage.getUser();
const request = await database.ref(`user/${uid}/decks`);
await request.push({ ...data });
}
View print.html
<div id="order-print" style="display: none; width: 80mm; font-family: Courier New;">
<hr>
<h3 style="font-size: 40px; font-family: Courier New;">PEDIDO #77 - 15/11/2018 14:28</h3>
<h4 style="font-size: 40px; font-family: Courier New;">DADOS DO CLIENTE</h4>
<div style="display: flex; flex-direction: column;">
<strong style="margin-bottom: 5px; font-family: Courier New; font-size: 30px;">Nome: Nikollas Tenutes Betiol</strong><strong style="margin-bottom: 5px; font-family: Courier New; font-size: 30px;">Tel.: (65) 99218-9772</strong><strong style="margin-bottom: 5px; font-family: Courier New; font-size: 30px;">End.: Av Pantaneira, 06</strong><strong style="margin-bottom: 5px; font-family: Courier New; font-size: 30px;">Compl.: -</strong><strong style="margin-bottom: 5px; font-family: Courier New; font-size: 30px;">Bairro: Costa Verde</strong><strong style="margin-bottom: 5px; font-family: Courier New; font-size: 30px;">Cidade.: Cuiabá-MT</strong>
<h4 style="font-size: 40px; font-family: C
@betiol
betiol / array.js
Last active October 24, 2018 01:17
View array.js
{
"order": {
"id": 14,
"created_at": "2018-10-18T13:35:20.186-03:00",
"updated_at": "2018-10-18T13:35:20.186-03:00",
"number": 8,
"status": "in_progress",
"status_i18n": "Em aberto",
"customer": {
"id": 5,
@betiol
betiol / error-boundary.js
Last active August 10, 2018 19:02
Error Boundary
View error-boundary.js
/* @flow */
import React from 'react';
import styled from 'styled-components';
import { Card, Icon } from 'antd';
import PropTypes from 'prop-types';
type Props = {
children: any,
viewName: string
};
View CreditCardInput.js
import React, { Component } from "react";
import PropTypes from "prop-types";
import ReactNative, {
NativeModules,
View,
Text,
StyleSheet,
ScrollView,
Dimensions,
TextInput,
View snapshot.js
const array = [
{
latitude: 40.737102,
longitude: -73.990318
},
{
latitude: 40.749825,
longitude: -73.987963
},
{
View setup.js
import React, { Component } from "react";
import { StackNavigator, TabNavigator } from "react-navigation";
import { StatusBar } from "react-native";
import LoginScreen from "./screens/LoginScreen";
import SplashScreen from "./screens/SplashScreen";
import ProfileScreen from "./screens/ProfileScreen";
import HistoryScreen from "./screens/HistoryScreen";
import DashboardScreen from "./screens/DashboardScreen";
import OrderScreen from "./screens/OrderScreen";
import MapDrivingScreen from "./screens/MapDrivingScreen";
View dashboard.js
/**
* Created by nikollasbetiol on 16/04/17.
*
*/
import React, { Component } from "react";
import {
View,
Text,
StyleSheet,
View oauth.js
import React, { Component } from "react";
import {
AppRegistry,
Dimensions,
StyleSheet,
Text,
View,
TouchableOpacity,
AsyncStorage,