Skip to content

Instantly share code, notes, and snippets.

View acomito's full-sized avatar

Anthony Comito acomito

View GitHub Profile
@acomito
acomito / gist:69c2e23c4d0b2d819e7eb943c6849cec
Last active September 28, 2016 14:38
react-virtualized-list
//top-level imports
import React from 'react';
import { List } from 'react-virtualized';
//custom components
import { TransactionItem } from './transaction-item';
//styles
import { StyleSheet, css } from 'aphrodite';
import { styles } from './styles.js';
import 'react-virtualized/styles.css'; // only needs to be imported once
//top-level imports
import React from 'react';
import shallowCompare from 'react-addons-shallow-compare'
import { Link } from 'react-router';
//npm components
import { List, AutoSizer, InfiniteLoader } from 'react-virtualized';
// Material-UI
import {Card, CardActions, CardHeader, CardText} from 'material-ui/Card';
import Avatar from 'material-ui/Avatar';
//modules
const PublicContestCard = ({ contest }) => (
<div className="col-xs-12 col-sm-6 col-lg-4">
<div className="box" style={{height: "100%",}}>
<Card key={ contest._id } className={css(styles.cardContainer)}>
<MediaSection contest={contest} />
<CardHeader
avatar={<Link to={'profile/'+ contest.ownerId } ><Avatar src={contest.userAvatar} size={30} /></Link>}
title={<Link to={'profile/'+ contest.ownerId } >{'@' + contest.ownerHandleLC}</Link>}
subtitle={timeAgo(contest.createdAt)}
<div style="color: rgba(0, 0, 0, 0.870588); background-color: rgb(255, 255, 255); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px; border-radius: 50%; display: inline-block; position: absolute; bottom: -15px; right: 5px; max-width: none;">
<button tabindex="0" type="button" style="border: 10px;box-sizing: border-box;display: inline-block;font-family: Roboto, sans-serif;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor: pointer;text-decoration: none;margin: 0px;padding: 0px;outline: none;font-size: inherit;font-weight: inherit;transform: translate(0px, 0px);vertical-align: bottom;background-color: rgb(255, 64, 129);transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;position: relative;height: 40px;width: 40px;overflow: hidden;border-radius: 50%;text-align: center;">
<div>
<div style="transitio
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "UploadFile",
"Effect": "Allow",
"Principal": {
"AWS": "your arn goes here"
},
"Action": [
<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>PUT</AllowedMethod>
<AllowedMethod>POST</AllowedMethod>
<AllowedMethod>GET</AllowedMethod>
<AllowedMethod>HEAD</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>*</AllowedHeader>
import React from 'react';
import { Jumbotron } from 'react-bootstrap';
const Index = () => (
<div className="Index">
<Jumbotron className="text-center">
<h2>Base</h2>
<p>A starting point for Meteor applications.</p>
<p><a className="btn btn-success" href="https://themeteorchef.com/base" role="button">Read the Documentation</a></p>
<p style={ { fontSize: '16px', color: '#aaa' } }>Currently at v4.10.0</p>
import React from 'react';
import { Jumbotron } from 'react-bootstrap';
const Index = () => (
<div className="Index">
</div>
);
export default Index;
import React from 'react';
export class TokBoxChat extends React.Component {
constructor(props){
super(props);
}
render() {
return (
<div>
import React from 'react';
import { TokboxChat } from './tokbox/tokbox-chat';
const Index = () => (
<div className="Index">
<TokboxChat />
</div>
);