Skip to content

Instantly share code, notes, and snippets.

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

View lintjson
echo "\ncommon"
for file in libraries/epic-diesel-common/i18n/*.json
cat $file | jq empty
jsonlint-cli $file
echo "\nfeed"
for file in libraries/epic-diesel-feed/i18n/*.json
View compose.js
const ButtonWithPadding = ({ children, ...props }) =>
<button style={{ padding: '15px 10px' }} {...props}>{children}</button>
const ButtonPrimary = ({ children, ...props }) =>
<button style={{ color: 'white', backgroundColor: 'seagreen' }} {...props}>{children}</button>
const ButtonOutline = ({ children, ...props}) =>
<button style={{ backgroundColor: 'transparent', border: '4px solid darkred' }} {...props}>{children}</button>
const ButtonBase = ({ children, ...props }) => <button {...props}>{children}</button>;