javierfernandes

import React from 'react'
import { repeat } from 'ramda'

import Carta from './Carta'

import './Mesa.css'

export default function Mesa({ manos }) {
  const todasLasManos = manos
    .concat(repeat({ }, 3 - manos.length))

javierfernandes

.mesa {
  display: flex;
  border: 10px solid #990a0f;
  background-color: red;
  padding: 20px;
  justify-content: center;
}

.manoJugada {
  align-items: center;

javierfernandes

import React from 'react'
import { storiesOf } from '@storybook/react'
import { action } from '@storybook/addon-actions'

import Mesa from '../components/Mesa'

storiesOf('Mesa', module)
  .add('nada jugado', () =>
    <Mesa manos={[ ]} />
    )

javierfernandes

export const ResultadoMano = {
  GANADOR: 'ganador',
  PERDEDOR: 'perdedor',
  EMPATE: 'empate'
}

export const Palo = {
  BASTOS: 'bastos',
  OROS: 'oros',

javierfernandes

{
  alumnos: [
    { 
      nombre: 'Juan', 
      materias: [
        { codigo: 'k2024', nombre: 'Sistemas Operativos' },
        { codigo: 'k2026', nombre: 'Algoritmos' }
      ]
    },
    { 

javierfernandes

{
  alumnos: [
    { id: '1111', nombre: 'Juan', materias: ['666', '777'] },
    { id: '2222', nombre: 'Pablo', materias: ['666'] }
  ],
  materias: [
    { id: '666', codigo: 'k2024', nombre: 'Sistemas Operativos' },
    { id: '777', codigo: 'k2026', nombre: 'Algoritmos' },
  ]
}

javierfernandes

{
  nodos: [
    { 
      tipo: 'carpeta',
      nombre: '/home',
      nodos: [
        {
          tipo: 'carpeta',
          nombre: 'admin',
          nodos: [

javierfernandes

import React from 'react'
import ReactDOM from 'react-dom'
import { Provider } from 'react-redux'

import './index.css'
import App from './App'
import registerServiceWorker from './registerServiceWorker'

import storeCreator from './storeCreator'

javierfernandes

import React from 'react'

import Mano from './Mano'
import Mesa from './Mesa'
import Puntaje from './Puntaje'

import { Palo, ResultadoMano } from '../model/constants'

import './Juego.css'

javierfernandes

.juego {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.juego > div:nth-child(2) {
  padding-top: 2em;
  font-size: 1.5em;