@@ -1,11 +1,6 @@
1import React, { Component } from 'react'
1import React, { Component } from 'react'
2−import * as lodash from 'lodash'
3−import * as sigil from 'sigil-js'
4−import ob from 'urbit-ob'
6import Button from '../components/Button'
3import Button from '../components/Button'
7−import InputBox from '../components/InputBox'
8−import ReactSVGComponents from '../components/ReactSVGComponents'
9import UploadButton from '../components/UploadButton'
4import UploadButton from '../components/UploadButton'
11import { compose } from '../lib/lib'
6import { compose } from '../lib/lib'
@@ -80,50 +75,49 @@ const validateObject = ({ data, pass, error }) => {
80 return { data: data, pass: didPass, error: err }
75 return { data: data, pass: didPass, error: err }
84−const preview = ship => {
78+// const preview = ship => {
85− const name = ob.patp(ship)
79+// const name = ob.patp(ship)
86− const sig = sigil.pour({
80+// const sig = sigil.pour({
87− patp: name,
81+// patp: name,
88− colorway: ['black', 'white'],
82+// colorway: ['black', 'white'],
89− renderer: ReactSVGComponents,
83+// renderer: ReactSVGComponents,
90− size: 64
84+// size: 64
93− return (
87+// return (
94− <div className={'col-md-8'}>
88+// <div className={'col-md-8'}>
95− <div className={'flex items-center bg-white black'} key={ ship }>
89+// <div className={'flex items-center bg-white black'} key={ ship }>
96− <div className={'col-md-5 pt-2 pl-5'}>
90+// <div className={'col-md-5 pt-2 pl-5'}>
99− <div className={'col-md-5'}>
93+// <div className={'col-md-5'}>
100− <h4 className={'text-mono text-500 mb-0'}>
94+// <h4 className={'text-mono text-500 mb-0'}>
101− { name }
95+// { name }
106 // <div className={'flex h-16 w-60 bg-white black items-center'} key={ ship }>
100 // <div className={'flex h-16 w-60 bg-white black items-center'} key={ ship }>
107 // { sig }
101 // { sig }
108 // <div className={'pl-4 text-mono text-500'}>
102 // <div className={'pl-4 text-mono text-500'}>
109 // { name }
103 // { name }
110 // </div>
104 // </div>
111 // </div>
105 // </div>
115−const shipList = profile => {
109+// const shipList = profile => {
116− const ships = Object.keys(profile)
110+// const ships = Object.keys(profile)
117− return(
111+// return(
119− <h2>Total Ships: { ships.length }</h2>
113+// <h2>Total Ships: { ships.length }</h2>
121− <div className={''}>
115+// <div className={''}>
122− { ships.map(preview) }
116+// { ships.map(preview) }
128class Upload extends Component {
122class Upload extends Component {
129 constructor(props) {
123 constructor(props) {
@@ -242,17 +236,17 @@ class Upload extends Component {
245−const ShipList = (ships, title) => {
239+// const ShipList = (ships, title) => {
246− if (ships.length > 0) {
240+// if (ships.length > 0) {
247− return (
241+// return (
249− <h2>{ title }</h2>
243+// <h2>{ title }</h2>
250− { ships.map(ship => preview(ship)) }
244+// { ships.map(ship => preview(ship)) }
253− } else {
247+// } else {
254− return <div />
248+// return <div />
258export default Upload
252export default Upload