@@ -65,8 +65,8 @@ function Passport({ point, className, ticket = null, address = Nothing() }) {
67 const showTicket = ticket !== null;
67 const showTicket = ticket !== null;
68− const isValidTiket = !!ticket;
68+ const isValidTicket = !!ticket;
69− const visibleTicket = isValidTiket ? VALID_TICKET : PENDING_TICKET;
69+ const visibleTicket = isValidTicket ? VALID_TICKET : PENDING_TICKET;
70 const visibleAddress = `${address.matchWith({
70 const visibleAddress = `${address.matchWith({
71 Nothing: () => EMPTY_ADDRESS,
71 Nothing: () => EMPTY_ADDRESS,
72 Just: p => p.value.slice(0, VISIBLE_ADDRESS_CHAR_COUNT),
72 Just: p => p.value.slice(0, VISIBLE_ADDRESS_CHAR_COUNT),
@@ -95,9 +95,9 @@ function Passport({ point, className, ticket = null, address = Nothing() }) {
95 </Flex.Item>
95 </Flex.Item>
96 <Flex.Item
96 <Flex.Item
98− className={cn('mono f6 f5-ns wrap', {
98+ className={cn('arial f6 f5-ns wrap', {
99− gray4: !isValidTiket,
99+ gray4: !isValidTicket,
100− green3: isValidTiket,
100+ green3: isValidTicket,
102 {visibleTicket}
102 {visibleTicket}
103 </Flex.Item>
103 </Flex.Item>