Skip to content

Instantly share code, notes, and snippets.


Rafael Rinaldi rafaelrinaldi

View GitHub Profile
View colinha.tsx
import { H1, Text, View } from '@doppio/core';
import { Alert, Button, Checkbox, Radio, Spacer, TextArea } from '@doppio/elements';
import { RadioGroup } from '@doppio/patterns';
import * as React from 'react';
type DrinkSize = '12' | '16';
type DrinkType = 'Espresso' | 'Doppio' | 'Cappuccino';
const modifiers = ['Mocha', 'Vanilla', 'Caramel'];
View asana-tokens.txt
Asana token naming proposal
1. Sentiment: default/neutrals, success, warning, danger, upsell, selected, beta, information
2. Usage: background, text, icon, border
3. Prominence: default, weak, medium, strong
4. Interaction: default, hover, active, disabled
- Stored as Figma color styles
Number of users impacted
Number of users impacted Tenant
1530 Better
155 Ally

Make sure you add the design-systems label to your pull request

View log
~/work/mortgage master
❯ make db-nuke db-start
cd /Users/rrinaldi/work/mortgage/mortgage && /Library/Developer/CommandLineTools/usr/bin/make mono-db-nuke
Makefile:33: warning: overriding commands for target `secrets-prod'
../Makefile:462: warning: ignoring old commands for target `secrets-prod'
docker-compose down --rmi local --volumes --remove-orphans
WARNING: The DB_SCHEMA_USER_PASSWORD variable is not set. Defaulting to a blank string.
Removing network mortgage_default
Removing image mortgage_postgres
rm -rf ~/data/postgres_data
View Theme.tsx
import * as React from 'react';
import cssVars from 'css-vars-ponyfill';
import Color from 'color';
import {CMSThemeMap} from 'thing/src/models/cms/Theme';
import {deriveSchemeFromBackground} from 'thing/src/utils/ColorUtils';
import {getPrimaryColorsFromCMSTheme} from 'thing/src/utils/ThemeProductPageUtils';
interface AccentColors {
customAccentColor?: string;
customAccentHover?: string;
View bootstrap
# vim ft=sh
echo "Bootstrap has started"
echo "Set proper NVM version"
source $(brew --prefix nvm)/ --no-use
nvm use v10.15.0
echo "Halt active containers"
View DropDown.tsx
import * as React from 'react';
import cx from 'classnames';
import {keyCodes, sizes, svgs} from '../../constants';
import Icon from '../icon/Icon';
import useClickOutside from '../../hooks/useClickOutside';
import useControlScrolling from '../../hooks/useControlScrolling';
import styles from './DropDown.pcss';

Feature Flags

We currently have a very simple feature flag system in place to test features that aren't production ready yet.

There are currently two ways of enabling feature flags:

  • Via query strings (no build required, great for testing things in the browser)
  • Via environment variables (build required, great for testing things in the launcher if you can't simply use mockLauncher)

Query Strings