import React, { Component } from 'react'
import { rgb, getPixel } from './Utils'
class FramePreview extends Component {
render() {
let { pixels, selected, index, onClick } = this.props
let width = pixels.length
let height = pixels[0].length
let cells = []
for (var y=height-1; y>=0; y--) {
for (var x=0; x)
}
}
let wrapperClassName = selected ? "framePreviewWrapper selected" : "framePreviewWrapper"
return
Frame {index + 1}
{cells}
}
}
function animationPreview(props) {
let { imageData } = props
let imgUrl = `url(data:image/gif;base64,${imageData})`
return
}
export default class FrameControl extends Component {
render() {
// A series of divs, 1 per frame,
let { frames,
selectedFrame,
onFrameSelected,
imageData } = this.props
let framePreviews = frames.map((frame, ix) =>
onFrameSelected(ix)}/>)
return
{animationPreview({imageData:imageData})}
{framePreviews}
}
}