Skip to content

Instantly share code, notes, and snippets.

'use client';
import { Calendar } from '@/components/Calendar';
import { Card } from '@/components/Card';
import { useParams } from 'next/navigation';
import { useState } from 'react';
import { twMerge } from 'tailwind-merge';
import { TimePicker } from './components/TimePicker';
import { ButtonHTMLAttributes } from 'react';
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
variant?: 'primary' | 'secondary' | 'tertiary';
size?: 'sm' | 'md';
}
export function Button({
children,
size = 'md',
//src/hooks/auth.tsx
import React, {
useEffect,
createContext,
useCallback,
useState,
useContext,
} from 'react';
import AsyncStorage from '@react-native-community/async-storage';
import { MigrationInterface, QueryRunner, TableColumn } from 'typeorm';
export default class AlterDateToDateTime1631573747885
implements MigrationInterface
{
public async up(queryRunner: QueryRunner): Promise<void> {
await queryRunner.changeColumn(
'leads',
'createdAt',
new TableColumn({
import {
FormLabel,
FormControl,
FormErrorMessage,
useTheme,
} from '@chakra-ui/react';
import { Control, Controller, FieldError } from 'react-hook-form';
import { OptionTypeBase, StylesConfig } from 'react-select';
import ReactAsyncSelect, { AsyncProps } from 'react-select/async';
@alanfoandrade
alanfoandrade / ReactSelect.tsx
Last active August 22, 2021 23:29
React-select (não async)
import {
FormLabel,
FormControl,
FormErrorMessage,
useTheme,
} from '@chakra-ui/react';
import { Control, Controller, FieldError } from 'react-hook-form';
import Select, {
OptionTypeBase,
Props as SelectProps,
@alanfoandrade
alanfoandrade / AsyncSelect.tsx
Created August 22, 2021 17:59
react-select (async) with chakra and react-hook-forms
import {
FormLabel,
FormControl,
FormErrorMessage,
useTheme,
} from '@chakra-ui/react';
import { Control, Controller, FieldError } from 'react-hook-form';
import { OptionTypeBase, StylesConfig } from 'react-select';
import ReactAsyncSelect, { AsyncProps } from 'react-select/async';
@alanfoandrade
alanfoandrade / ActiveLink.tsx
Last active August 22, 2021 17:55
SideBar Chakra component
import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { useAuth } from '../hooks/auth';
import AuthRoutes from './auth.routes';
import AppRoutes from './app.routes';
const Stack = createStackNavigator();
const Routes: React.FC = () => {
import React from 'react';
import {
Container,
Text,
Card,
BorderTopLeft,
BorderTopRight,
BorderBottomLeft,
BorderBottomRight,