@@ -30,24 +30,36 @@ class Passport extends React.Component {
3030 }
3131
3232 generateCensor() {
33− let blocks = [];
33+ let censor = "";
34+ const blocks = ['▖','▗','▘','▙','▚','▛','▜','▝','▞','▟'];
3435
35− for (var i = 0; i < 86; 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>)
36+ for (var i = 0; i < 12; i++) {
37+ let index = Math.floor(Math.random() * blocks.length)
38+ censor += blocks[index];
4239 }
4340
44− return (
45− <div className="flex flex-wrap passport-censor">
46− {blocks}
47− </div>
48− )
41+ return censor
4942 }
5043
44+ // generateCensor() {
45+ // let blocks = [];
46+ //
47+ // for (var i = 0; i < 86; 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+
5163 getCurrentDate() {
5264 let date = new Date()
5365 const fil = n => n >= 10 ? n : `0${n}`
@@ -177,10 +189,10 @@ class Passport extends React.Component {
177189 <div className="passport-value">{ownershipAddress || 'Ungenerated'}</div>
178190
179191 <div className="passport-label gray-50 mt-3">Master Ticket</div>
180− <div className="passport-value overflow-hidden">{this.masterCensor}</div>
192+ <div className="passport-value passport-censor overflow-hidden">{this.masterCensor}</div>
181193
182− <div className="passport-label gray-50 mt-5">Managment Seed</div>
183− <div className="passport-value overflow-hidden">{this.managementCensor}</div>
194+ <div className="passport-label gray-50 mt-5">Management Seed</div>
195+ <div className="passport-value passport-censor overflow-hidden">{this.managementCensor}</div>
184196 </div>
185197
186198 {wallet &&