@@ -30,36 +30,24 @@ class Passport extends React.Component {
3030 }
3131
3232 generateCensor() {
33− let censor = "";
34− const blocks = ['▖','▗','▘','▙','▚','▛','▜','▝','▞','▟'];
33+ let blocks = [];
3534
36− (new Uint32Array(12)).forEach((_, i) => {
37− let index = Math.floor(Math.random() * blocks.length)
38− censor += blocks[index];
35+ (new Uint32Array(86)).forEach((_, i) => {
36+ let rand = Math.round(Math.random())
37+ let filled = (rand || i === 0 || i === 43)
38+
39+ let className = filled ? "passport-block bg-gray-30" : "passport-block"
40+
41+ blocks.push(<div key={i} data-key={i}className={className}></div>)
3942 })
4043
41− return censor
44+ return (
45+ <div className="flex flex-wrap passport-censor">
46+ {blocks}
47+ </div>
48+ )
4249 }
4350
44− // generateCensor() {
45− // let blocks = [];
46− //
47− // (new UInt32Array(86)).forEach((_, i) => {
48− // let rand = Math.round(Math.random())
49− // let filled = (rand || i === 0 || i === 43)
50− //
51− // let className = filled ? "passport-block bg-gray-30" : "passport-block"
52− //
53− // blocks.push(<div key={i} data-key={i}className={className}></div>)
54− // })
55− //
56− // return (
57− // <div className="flex flex-wrap passport-censor">
58− // {blocks}
59− // </div>
60− // )
61− // }
62−
6351 getCurrentDate() {
6452 let date = new Date()
6553 const fil = n => n >= 10 ? n : `0${n}`