Skip to content

Instantly share code, notes, and snippets.

View brandonsueur's full-sized avatar

brandonsueur

View GitHub Profile
import { useState } from 'react';
import { useForm } from 'react-hook-form';
import * as Yup from 'yup';
import { SectionTitle, Input, Button } from '@calypso/ui';
import { yupResolver } from '@hookform/resolvers/yup';
const RegisterToEvent = () => {
const validationSchema = Yup.object().shape({
firstName: Yup.string().required('Prénom obligatoire'),
lastName: Yup.string().required('Nom obligatoire'),
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.bracketPairColorization.enabled": false,
// "editor.renderWhitespace": "none",
"editor.cursorSmoothCaretAnimation": true,
// langages (JavaScript, TypeScript)
"[javascript]": {
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
@brandonsueur
brandonsueur / discount.js
Created August 9, 2021 19:44
discount icon
import React from "react";
import PropTypes from "prop-types";
const Discount = ({ color, width, ...restProps }) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={width}
height={width}
fill={color}
viewBox="0 0 68 68"
@brandonsueur
brandonsueur / rules.js
Created February 17, 2021 04:52
rules form
import isEmpty from 'lodash.isempty';
import validate from './validator';
import i18n from '../translations/i18n';
export const nullable = () => {
return (value) => [true, null, null != value && 0 < value.length];
};
export const required = () => {
import React from "react";
import PropTypes from "prop-types";
import clsx from "clsx";
import {
Card as NativeCard,
CardContent,
CircularProgress,
Box,
} from "@material-ui/core";
import React, { isValidElement } from "react";
import {
Divider,
CardHeader as MaterialCardHeader,
IconButton,
} from "@material-ui/core";
import PropTypes from "prop-types";
import RenderActions from "@components/renderActions";
import Typography from "@components/typography";
import isEmpty from "@helpers/isEmpty";
import React from "react";
import PropTypes from "prop-types";
import clsx from "clsx";
import { Card as NativeCard, CardContent } from "@material-ui/core";
import { CardHeader, CardFooter } from "./components";
import Loader from "@components/loader";
import Button from "@components/button";
import Placeholder from "@components/placeholder";
const photo = await cameraRef.takePictureAsync({
quality: 0.7,
exif: true,
base64: true,
});
const response = await fetch(photo.uri);
const blob = await response.blob();
const ref = storage()
{
// editor
// "editor.fontFamily": "'Monaco', 'monospace', 'Courier New', 'Monaco', 'Droid Sans Mono', 'Fira Code', 'Courier New', monospace, 'Droid Sans Fallback'",
// "editor.fontFamily": "'Consolas', 'Fira Code', 'Dank Mono', Operator Mono,monospace, 'Courier New', 'Droid Sans Mono', 'Fira Code', 'Courier New', monospace, 'Droid Sans Fallback'",
"editor.fontFamily": "Dank Mono, SF Mono, Cascadia, Fira Code, Operator Mono, Cascadia, Operator Mono, Monaco, Dank Mono",
"editor.fontLigatures": true,
"editor.fontWeight": "600",
"editor.fontSize": 16,
"editor.glyphMargin": false,
"breadcrumbs.enabled": false,
import React from "react";
import { StyleSheet, Text, View } from "react-native";
const Banner = () => {
return (
<View style={styles.banner}>
<Text style={styles.bannerTitle}>
Bonsoir <Text style={{ fontWeight: "bold" }}>Elisa</Text>, 👋
</Text>
<Text style={styles.bannerParagraph}>