33 lines
752 B
JavaScript
33 lines
752 B
JavaScript
import React, { Component } from 'react';
|
|
import { sigil, reactRenderer } from 'urbit-sigil-js';
|
|
|
|
|
|
export class Sigil extends Component {
|
|
render() {
|
|
const { props } = this;
|
|
|
|
let classes = props.classes || "";
|
|
|
|
if (props.ship.length > 14) {
|
|
return (
|
|
<div
|
|
className={"bg-black dib " + classes}
|
|
style={{ width: props.size, height: props.size }}>
|
|
</div>
|
|
);
|
|
} else {
|
|
return (
|
|
<div className={"dib " + classes} style={{ flexBasis: 32, backgroundColor: props.color }}>
|
|
{sigil({
|
|
patp: props.ship,
|
|
renderer: reactRenderer,
|
|
size: props.size,
|
|
colors: [props.color, "white"]
|
|
})}
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|