Skip to content

Instantly share code, notes, and snippets.

View zsherman's full-sized avatar
💭
👨‍💻

Zach Sherman zsherman

💭
👨‍💻
View GitHub Profile
@zsherman
zsherman / 0_reuse_code.js
Created June 15, 2014 02:58
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@zsherman
zsherman / SassMeister-input.scss
Created January 22, 2015 21:05
Generated by SassMeister.com.
// ----
// libsass (v3.1.0-beta)
// ----
// SweetAlert
// 2014 (c) - Tristan Edwards
// github.com/t4t5/sweetalert
.icon {
$red: #F27474;
## How to test mobile checkout
- Navigate to an event page like [this](https://seatgeek.com/knicks-at-celtics-tickets/2-25-2015-boston-massachusetts-td-garden/nba/2285675/), and append the query string "mobile_checkout=true"
- Alternatively you can just copy the link from any [listing button](https://www.dropbox.com/s/25f57jxbf4pwiid/Screenshot%202015-02-25%2010.47.14.png?dl=0) and append to same query string (this is a more reliable method since sometimes the mobile app's use of push state interferes with the previous way)
## What to test
- Ensure that all forms and dropdowns are able to be filled out or selected
- Ensure that you cannot submit the form with missing information
- Ensure that the swipeable ticket components can be selected
- Ensure that you can successfully complete a purchase (using both the test card and a real one)
- Ensure that the form renders uniformly across multiple versions of chrome, safari, and android browser
bundle exec cap staging deploy branch=ls-web-checkout
-> Deploying origin/ls-web-checkout to staging
Affecting servers [adam-ec2-04.seatgeek.com, fortune-ec2-01.seatgeek.com, services-ec2-02.seatgeek.com, recon-ec2-03.seatgeek.com, 50.16.26.139, 54.242.167.166]
With rollback tag of: 2015.03.12-21.19.16-staging-acslater00
--> Starting deploy....................✔
--> Updating code......................✔
--> Bundling assets....................|*** [err :: 50.16.26.139] npm
*** [err :: 50.16.26.139]
*** [err :: 50.16.26.139] WARN
*** [err :: 50.16.26.139]
Working on the endpoints, but I wanted to put together an issue for the front-end of what design considerations will need to go in here.
- Link to open billing panel for a specific organization
- Billing panel overview for an organization that lists the current plan, its rate, and description as well as payment methods (credit/debit cards) and billing email address
- Error display states
- Payment is overdue
- Card payment was declined
- Primary payment method has expired
- No payment method on account
- Generic payment processor error (for when we don't want to show the reason)
- Flow to add a new payment method
@zsherman
zsherman / victory-example.js
Last active April 21, 2017 16:17
Victory brush example
import React, { PureComponent, PropTypes } from 'react';
import {
VictoryChart,
VictoryVoronoiContainer,
VictoryBrushContainer,
VictoryArea,
VictoryScatter,
VictoryLine,
VictoryBar,
VictoryCandlestick,
// ./pages/index.js
export default () => (
<div>Welcome to next.js!</div>
)
@zsherman
zsherman / sitemap.js
Created August 23, 2017 22:11
Simple script to generate a sitemap from contentful.
import fs from 'fs'
import { getPosts } from './api/posts'
function formatDate(date) {
var d = new Date(date),
month = '' + (d.getMonth() + 1),
day = '' + d.getDate(),
year = d.getFullYear();
if (month.length < 2) month = '0' + month;
@zsherman
zsherman / CustomCellMeasurerCache.js
Created January 16, 2018 23:31
Custom CellMeasurerCache
class CustomCellMeasurerCache extends CellMeasurerCache {
constructor (props) {
super(props)
this._cellHeightEstimator = props.cellHeightEstimator
}
getHeight (rowIndex, columnIndex) {
const key = this._keyMapper(rowIndex, columnIndex)
return this._cellHeightCache.hasOwnProperty(key)
? Math.max(this._minHeight, this._cellHeightCache[key])
/**
*
* Markdown
*
*/
import React from 'react'
import Smackdown from 'react-smackdown'
import ruby from 'react-syntax-highlighter/dist/languages/hljs/ruby'
import javascript from 'react-syntax-highlighter/dist/languages/hljs/javascript'