@@ -30,36 +30,24 @@ class Passport extends React.Component {
32 generateCensor() {
32 generateCensor() {
34− const blocks = ['▖','▗','▘','▙','▚','▛','▜','▝','▞','▟'];
33+ let blocks = [];
36− (new Uint32Array(12)).forEach((_, i) => {
35+ (new Uint32Array(86)).forEach((_, i) => {
37− let index = Math.floor(Math.random() * blocks.length)
36+ let rand = Math.round(Math.random())
38− censor += blocks[index];
37+ let filled = (rand || i === 0 || i === 43)
39+ let className = filled ? "passport-block bg-gray-30" : "passport-block"
41+ blocks.push(<div key={i} data-key={i}className={className}></div>)
41− return censor
44+ return (
45+ <div className="flex flex-wrap passport-censor">
44− // generateCensor() {
47− // (new UInt32Array(86)).forEach((_, i) => {
48− // let rand = Math.round(Math.random())
49− // let filled = (rand || i === 0 || i === 43)
51− // let className = filled ? "passport-block bg-gray-30" : "passport-block"
53− // blocks.push(<div key={i} data-key={i}className={className}></div>)
57− // <div className="flex flex-wrap passport-censor">
63 getCurrentDate() {
51 getCurrentDate() {
64 let date = new Date()
52 let date = new Date()
65 const fil = n => n >= 10 ? n : `0${n}`
53 const fil = n => n >= 10 ? n : `0${n}`