Differential D8677 Diff 26385 web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP | // Jest Snapshot v1, https://goo.gl/fbAQLP | ||||
exports[`Configure with a wallet 1`] = ` | exports[`Configure with a wallet 1`] = ` | ||||
<div | <div | ||||
className="ant-spin-nested-loading" | className="ant-spin-nested-loading" | ||||
> | > | ||||
<div> | <div> | ||||
<div | <div | ||||
className="ant-spin ant-spin-spinning sc-bdVaJa iSePjH" | className="ant-spin ant-spin-spinning" | ||||
> | > | ||||
<span | <span | ||||
aria-label="loading" | aria-label="loading" | ||||
className="anticon anticon-loading anticon-spin ant-spin-dot" | className="anticon anticon-loading anticon-spin ant-spin-dot" | ||||
role="img" | role="img" | ||||
style={ | style={ | ||||
Object { | Object { | ||||
"color": "#ff8d00", | "fontSize": 48, | ||||
"fontSize": 24, | |||||
} | } | ||||
} | } | ||||
> | > | ||||
<svg | <svg | ||||
aria-hidden="true" | aria-hidden="true" | ||||
data-icon="loading" | data-icon="loading" | ||||
fill="currentColor" | fill="currentColor" | ||||
focusable="false" | focusable="false" | ||||
height="1em" | height="1em" | ||||
viewBox="0 0 1024 1024" | viewBox="0 0 1024 1024" | ||||
width="1em" | width="1em" | ||||
> | > | ||||
<path | <path | ||||
d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" | d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" | ||||
/> | /> | ||||
</svg> | </svg> | ||||
</span> | </span> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div | <div | ||||
className="ant-spin-container ant-spin-blur" | className="ant-spin-container ant-spin-blur" | ||||
> | > | ||||
<div | <div | ||||
className="sc-gZMcBi gcATnQ" | className="sc-dnqmqq cRbxeB" | ||||
> | > | ||||
<h2> | <h2> | ||||
<i | <span | ||||
aria-label="icon: copy" | aria-label="copy" | ||||
className="anticon anticon-copy" | className="anticon anticon-copy" | ||||
role="img" | |||||
> | > | ||||
<svg | <svg | ||||
aria-hidden="true" | aria-hidden="true" | ||||
className="" | |||||
data-icon="copy" | data-icon="copy" | ||||
fill="currentColor" | fill="currentColor" | ||||
focusable="false" | focusable="false" | ||||
height="1em" | height="1em" | ||||
viewBox="64 64 896 896" | viewBox="64 64 896 896" | ||||
width="1em" | width="1em" | ||||
> | > | ||||
<path | <path | ||||
d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" | d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" | ||||
/> | /> | ||||
</svg> | </svg> | ||||
</i> | </span> | ||||
Seed Phrase | Seed Phrase | ||||
</h2> | </h2> | ||||
<p> | <p> | ||||
Your seed phrase can be used to restore your wallet in case the original instance of it is destroyed. We highly recommend always making a copy of your seed phrase and keeping it somewhere safe. | Your seed phrase can be used to restore your wallet in case the original instance of it is destroyed. We highly recommend always making a copy of your seed phrase and keeping it somewhere safe. | ||||
</p> | </p> | ||||
<div | <div | ||||
className="ant-collapse ant-collapse-icon-position-left sc-bwzfXH dvdYjx" | className="ant-collapse ant-collapse-icon-position-left sc-bdVaJa jkIKTL" | ||||
role={null} | role={null} | ||||
> | > | ||||
<div | <div | ||||
className="ant-collapse-item" | className="ant-collapse-item" | ||||
> | > | ||||
<div | <div | ||||
aria-expanded="false" | aria-expanded={false} | ||||
className="ant-collapse-header" | className="ant-collapse-header" | ||||
onClick={[Function]} | onClick={[Function]} | ||||
onKeyPress={[Function]} | onKeyPress={[Function]} | ||||
role="button" | role="button" | ||||
tabIndex={0} | tabIndex={0} | ||||
> | > | ||||
<i | <span | ||||
aria-label="icon: right" | aria-label="right" | ||||
className="anticon anticon-right ant-collapse-arrow" | className="anticon anticon-right ant-collapse-arrow" | ||||
role="img" | |||||
> | > | ||||
<svg | <svg | ||||
aria-hidden="true" | aria-hidden="true" | ||||
className="" | |||||
data-icon="right" | data-icon="right" | ||||
fill="currentColor" | fill="currentColor" | ||||
focusable="false" | focusable="false" | ||||
height="1em" | height="1em" | ||||
viewBox="64 64 896 896" | viewBox="64 64 896 896" | ||||
width="1em" | width="1em" | ||||
> | > | ||||
<path | <path | ||||
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" | d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" | ||||
/> | /> | ||||
</svg> | </svg> | ||||
</i> | </span> | ||||
Click to reveal seed phrase | Click to reveal seed phrase | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div | <div | ||||
className="sc-gqjmRU dWElEI" | className="sc-iwsKbI eaSyhG" | ||||
/> | /> | ||||
<button | <button | ||||
className="sc-htpNat cPiyGy" | className="sc-bwzfXH crkPeR" | ||||
onClick={[Function]} | onClick={[Function]} | ||||
> | > | ||||
<i | <span | ||||
aria-label="icon: plus-square" | aria-label="plus-square" | ||||
className="anticon anticon-plus-square" | className="anticon anticon-plus-square" | ||||
role="img" | |||||
> | > | ||||
<svg | <svg | ||||
aria-hidden="true" | aria-hidden="true" | ||||
className="" | |||||
data-icon="plus-square" | data-icon="plus-square" | ||||
fill="currentColor" | fill="currentColor" | ||||
focusable="false" | focusable="false" | ||||
height="1em" | height="1em" | ||||
viewBox="64 64 896 896" | viewBox="64 64 896 896" | ||||
width="1em" | width="1em" | ||||
> | > | ||||
<path | <path | ||||
d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" | d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" | ||||
/> | /> | ||||
<path | <path | ||||
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" | d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" | ||||
/> | /> | ||||
</svg> | </svg> | ||||
</i> | </span> | ||||
New Wallet | New Wallet | ||||
</button> | </button> | ||||
<button | <button | ||||
className="sc-bxivhb bMNLGT" | className="sc-htpNat fajXvM" | ||||
onClick={[Function]} | onClick={[Function]} | ||||
> | > | ||||
<i | <span | ||||
aria-label="icon: import" | aria-label="import" | ||||
className="anticon anticon-import" | className="anticon anticon-import" | ||||
role="img" | |||||
> | > | ||||
<svg | <svg | ||||
aria-hidden="true" | aria-hidden="true" | ||||
className="" | |||||
data-icon="import" | data-icon="import" | ||||
fill="currentColor" | fill="currentColor" | ||||
focusable="false" | focusable="false" | ||||
height="1em" | height="1em" | ||||
viewBox="64 64 896 896" | viewBox="64 64 896 896" | ||||
width="1em" | width="1em" | ||||
> | > | ||||
<path | <path | ||||
d="M888.3 757.4h-53.8c-4.2 0-7.7 3.5-7.7 7.7v61.8H197.1V197.1h629.8v61.8c0 4.2 3.5 7.7 7.7 7.7h53.8c4.2 0 7.7-3.4 7.7-7.7V158.7c0-17-13.7-30.7-30.7-30.7H158.7c-17 0-30.7 13.7-30.7 30.7v706.6c0 17 13.7 30.7 30.7 30.7h706.6c17 0 30.7-13.7 30.7-30.7V765.1c0-4.3-3.5-7.7-7.7-7.7zM902 476H588v-76c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 0 0 0 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-76h314c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z" | d="M888.3 757.4h-53.8c-4.2 0-7.7 3.5-7.7 7.7v61.8H197.1V197.1h629.8v61.8c0 4.2 3.5 7.7 7.7 7.7h53.8c4.2 0 7.7-3.4 7.7-7.7V158.7c0-17-13.7-30.7-30.7-30.7H158.7c-17 0-30.7 13.7-30.7 30.7v706.6c0 17 13.7 30.7 30.7 30.7h706.6c17 0 30.7-13.7 30.7-30.7V765.1c0-4.3-3.5-7.7-7.7-7.7zM902 476H588v-76c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 000 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-76h314c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z" | ||||
/> | /> | ||||
</svg> | </svg> | ||||
</i> | </span> | ||||
Import Wallet | Import Wallet | ||||
</button> | </button> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
`; | `; | ||||
exports[`Configure without a wallet 1`] = ` | exports[`Configure without a wallet 1`] = ` | ||||
<div | <div | ||||
className="ant-spin-nested-loading" | className="ant-spin-nested-loading" | ||||
> | > | ||||
<div> | <div> | ||||
<div | <div | ||||
className="ant-spin ant-spin-spinning sc-bdVaJa iSePjH" | className="ant-spin ant-spin-spinning" | ||||
> | > | ||||
<span | <span | ||||
aria-label="loading" | aria-label="loading" | ||||
className="anticon anticon-loading anticon-spin ant-spin-dot" | className="anticon anticon-loading anticon-spin ant-spin-dot" | ||||
role="img" | role="img" | ||||
style={ | style={ | ||||
Object { | Object { | ||||
"color": "#ff8d00", | "fontSize": 48, | ||||
"fontSize": 24, | |||||
} | } | ||||
} | } | ||||
> | > | ||||
<svg | <svg | ||||
aria-hidden="true" | aria-hidden="true" | ||||
data-icon="loading" | data-icon="loading" | ||||
fill="currentColor" | fill="currentColor" | ||||
focusable="false" | focusable="false" | ||||
height="1em" | height="1em" | ||||
viewBox="0 0 1024 1024" | viewBox="0 0 1024 1024" | ||||
width="1em" | width="1em" | ||||
> | > | ||||
<path | <path | ||||
d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" | d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" | ||||
/> | /> | ||||
</svg> | </svg> | ||||
</span> | </span> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div | <div | ||||
className="ant-spin-container ant-spin-blur" | className="ant-spin-container ant-spin-blur" | ||||
> | > | ||||
<div | <div | ||||
className="sc-gZMcBi gcATnQ" | className="sc-dnqmqq cRbxeB" | ||||
> | > | ||||
<h2> | <h2> | ||||
<i | <span | ||||
aria-label="icon: copy" | aria-label="copy" | ||||
className="anticon anticon-copy" | className="anticon anticon-copy" | ||||
role="img" | |||||
> | > | ||||
<svg | <svg | ||||
aria-hidden="true" | aria-hidden="true" | ||||
className="" | |||||
data-icon="copy" | data-icon="copy" | ||||
fill="currentColor" | fill="currentColor" | ||||
focusable="false" | focusable="false" | ||||
height="1em" | height="1em" | ||||
viewBox="64 64 896 896" | viewBox="64 64 896 896" | ||||
width="1em" | width="1em" | ||||
> | > | ||||
<path | <path | ||||
d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" | d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" | ||||
/> | /> | ||||
</svg> | </svg> | ||||
</i> | </span> | ||||
Seed Phrase | Seed Phrase | ||||
</h2> | </h2> | ||||
<p> | <p> | ||||
Your seed phrase can be used to restore your wallet in case the original instance of it is destroyed. We highly recommend always making a copy of your seed phrase and keeping it somewhere safe. | Your seed phrase can be used to restore your wallet in case the original instance of it is destroyed. We highly recommend always making a copy of your seed phrase and keeping it somewhere safe. | ||||
</p> | </p> | ||||
<div | <div | ||||
className="sc-gqjmRU dWElEI" | className="sc-iwsKbI eaSyhG" | ||||
/> | /> | ||||
<button | <button | ||||
className="sc-htpNat cPiyGy" | className="sc-bwzfXH crkPeR" | ||||
onClick={[Function]} | onClick={[Function]} | ||||
> | > | ||||
<i | <span | ||||
aria-label="icon: plus-square" | aria-label="plus-square" | ||||
className="anticon anticon-plus-square" | className="anticon anticon-plus-square" | ||||
role="img" | |||||
> | > | ||||
<svg | <svg | ||||
aria-hidden="true" | aria-hidden="true" | ||||
className="" | |||||
data-icon="plus-square" | data-icon="plus-square" | ||||
fill="currentColor" | fill="currentColor" | ||||
focusable="false" | focusable="false" | ||||
height="1em" | height="1em" | ||||
viewBox="64 64 896 896" | viewBox="64 64 896 896" | ||||
width="1em" | width="1em" | ||||
> | > | ||||
<path | <path | ||||
d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" | d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" | ||||
/> | /> | ||||
<path | <path | ||||
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" | d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" | ||||
/> | /> | ||||
</svg> | </svg> | ||||
</i> | </span> | ||||
New Wallet | New Wallet | ||||
</button> | </button> | ||||
<button | <button | ||||
className="sc-bxivhb bMNLGT" | className="sc-htpNat fajXvM" | ||||
onClick={[Function]} | onClick={[Function]} | ||||
> | > | ||||
<i | <span | ||||
aria-label="icon: import" | aria-label="import" | ||||
className="anticon anticon-import" | className="anticon anticon-import" | ||||
role="img" | |||||
> | > | ||||
<svg | <svg | ||||
aria-hidden="true" | aria-hidden="true" | ||||
className="" | |||||
data-icon="import" | data-icon="import" | ||||
fill="currentColor" | fill="currentColor" | ||||
focusable="false" | focusable="false" | ||||
height="1em" | height="1em" | ||||
viewBox="64 64 896 896" | viewBox="64 64 896 896" | ||||
width="1em" | width="1em" | ||||
> | > | ||||
<path | <path | ||||
d="M888.3 757.4h-53.8c-4.2 0-7.7 3.5-7.7 7.7v61.8H197.1V197.1h629.8v61.8c0 4.2 3.5 7.7 7.7 7.7h53.8c4.2 0 7.7-3.4 7.7-7.7V158.7c0-17-13.7-30.7-30.7-30.7H158.7c-17 0-30.7 13.7-30.7 30.7v706.6c0 17 13.7 30.7 30.7 30.7h706.6c17 0 30.7-13.7 30.7-30.7V765.1c0-4.3-3.5-7.7-7.7-7.7zM902 476H588v-76c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 0 0 0 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-76h314c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z" | d="M888.3 757.4h-53.8c-4.2 0-7.7 3.5-7.7 7.7v61.8H197.1V197.1h629.8v61.8c0 4.2 3.5 7.7 7.7 7.7h53.8c4.2 0 7.7-3.4 7.7-7.7V158.7c0-17-13.7-30.7-30.7-30.7H158.7c-17 0-30.7 13.7-30.7 30.7v706.6c0 17 13.7 30.7 30.7 30.7h706.6c17 0 30.7-13.7 30.7-30.7V765.1c0-4.3-3.5-7.7-7.7-7.7zM902 476H588v-76c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 000 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-76h314c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z" | ||||
/> | /> | ||||
</svg> | </svg> | ||||
</i> | </span> | ||||
Import Wallet | Import Wallet | ||||
</button> | </button> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
`; | `; |