From 5fa5af57a925c15edf914df162bd2d1d8f7f58c8 Mon Sep 17 00:00:00 2001 From: Keith Date: Mon, 5 Aug 2019 15:18:30 +0800 Subject: [PATCH 1/2] chore(deps): update dependency fabric ui --- packages/neuron-ui/package.json | 6 +- yarn.lock | 255 ++++++++++++-------------------- 2 files changed, 99 insertions(+), 162 deletions(-) diff --git a/packages/neuron-ui/package.json b/packages/neuron-ui/package.json index 5077f85ae4..3fbe96fb04 100644 --- a/packages/neuron-ui/package.json +++ b/packages/neuron-ui/package.json @@ -44,12 +44,12 @@ ], "dependencies": { "@nervosnetwork/ckb-sdk-core": "0.17.1", - "@uifabric/experiments": "7.4.2", - "@uifabric/styling": "7.1.1", + "@uifabric/experiments": "7.10.0", + "@uifabric/styling": "7.4.0", "canvg": "2.0.0", "grommet-icons": "4.2.0", "i18next": "15.1.3", - "office-ui-fabric-react": "7.6.1", + "office-ui-fabric-react": "7.19.1", "qr.js": "0.0.0", "react": "16.8.6", "react-dom": "16.8.6", diff --git a/yarn.lock b/yarn.lock index c74925ec76..bf9158bdbb 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3357,179 +3357,131 @@ lodash.unescape "4.0.1" semver "5.5.0" -"@uifabric/azure-themes@^7.0.2": - version "7.0.2" - resolved "https://registry.yarnpkg.com/@uifabric/azure-themes/-/azure-themes-7.0.2.tgz#4f1a46a2dc22246392bbcabb4ba6adc6107ee767" - integrity sha512-fljd7++ewOwEt4mkNM0AuDkw2VzdaGP6zevwHAXuY3Y/FMwHoFF0TSUSyQPcPIcHsltDTOv/IziqLdv9fXE4QA== +"@uifabric/azure-themes@^7.0.5": + version "7.0.5" + resolved "https://registry.yarnpkg.com/@uifabric/azure-themes/-/azure-themes-7.0.5.tgz#b8e77f4ecabbd5cb036746596d1aeaba428e2f7b" + integrity sha512-bfMcN7eVsyzFoJEwqCvnps62Ew5tey+pDxHbX6Lo3LZ4qjyX1Xp+0wVWX8ERTiZLlgi+PtCXEvtvvDF0pXZBBA== dependencies: - "@uifabric/merge-styles" "^7.0.2" - "@uifabric/set-version" "^7.0.0" - office-ui-fabric-react "^7.1.1" + "@uifabric/merge-styles" "^7.2.0" + "@uifabric/set-version" "^7.0.1" + office-ui-fabric-react "^7.18.0" tslib "^1.7.1" -"@uifabric/experiments@7.4.2": - version "7.4.2" - resolved "https://registry.yarnpkg.com/@uifabric/experiments/-/experiments-7.4.2.tgz#4ff82fc4561d67a9f13e767b5f62a6937af8d257" - integrity sha512-gs5CqSAtKSryJy63DrHiBk4Rv6ufakN8zDizyqtJu8iBsYVUAP97Rbooix9Jj4vHYVDw1gyoCIqOWEvqLZpWVQ== +"@uifabric/experiments@7.10.0": + version "7.10.0" + resolved "https://registry.yarnpkg.com/@uifabric/experiments/-/experiments-7.10.0.tgz#c20ece58705f73be1fcd4bfcb93dafa69670a29e" + integrity sha512-WHIKPttdzCkM/nzjsQO/DPKXkGbn7CdAbkesq1mNqv6knr3pHUoMWx5zuTc6FJQ6a5gx3be8TaHtb7MUMlVoPg== dependencies: "@microsoft/load-themed-styles" "^1.7.13" - "@uifabric/azure-themes" "^7.0.2" - "@uifabric/file-type-icons" "^7.0.4" - "@uifabric/fluent-theme" "^7.0.3" - "@uifabric/foundation" "^7.0.2" - "@uifabric/icons" "^7.1.0" - "@uifabric/merge-styles" "^7.1.1" - "@uifabric/set-version" "^7.0.0" - "@uifabric/styling" "^7.1.1" - "@uifabric/theme-samples" "^7.0.2" - "@uifabric/utilities" "^7.0.6" - "@uifabric/variants" "^7.0.2" + "@uifabric/azure-themes" "^7.0.5" + "@uifabric/file-type-icons" "^7.0.6" + "@uifabric/fluent-theme" "^7.0.4" + "@uifabric/foundation" "^7.0.3" + "@uifabric/icons" "^7.1.1" + "@uifabric/merge-styles" "^7.2.0" + "@uifabric/set-version" "^7.0.1" + "@uifabric/styling" "^7.4.0" + "@uifabric/theme-samples" "^7.0.3" + "@uifabric/utilities" "^7.0.7" + "@uifabric/variants" "^7.0.3" deep-assign "^2.0.0" - office-ui-fabric-react "^7.8.1" + office-ui-fabric-react "^7.19.1" prop-types "^15.5.10" tslib "^1.7.1" -"@uifabric/file-type-icons@^7.0.4": - version "7.0.4" - resolved "https://registry.yarnpkg.com/@uifabric/file-type-icons/-/file-type-icons-7.0.4.tgz#250bc7b3f3182cae7f8dc46b89b65a1d367103c8" - integrity sha512-CyNSQ/d3p3Ma/E0+Z8VDLepFS/9o7p4gcVdOZ+HYJ2XzI8J2fHWwc576tvVYjgrzlyGO5TIvF18Ll5FqMDpP7Q== - dependencies: - "@uifabric/set-version" "^7.0.0" - "@uifabric/styling" "^7.1.1" - tslib "^1.7.1" - -"@uifabric/fluent-theme@^7.0.3": - version "7.0.3" - resolved "https://registry.yarnpkg.com/@uifabric/fluent-theme/-/fluent-theme-7.0.3.tgz#4f82f8b268bbe173365b45b0368c97e02421dfbb" - integrity sha512-HaxqnnsfEZKqamt9t49W2hM9gh4uIRbZCHdq3t+gq++83L8/Z4jirgUXinFUGgLbgcLAhQfqYNj7AuUonB2nww== - dependencies: - "@uifabric/merge-styles" "^7.1.1" - "@uifabric/set-version" "^7.0.0" - "@uifabric/styling" "^7.1.1" - "@uifabric/variants" "^7.0.2" - office-ui-fabric-react "^7.8.1" - tslib "^1.7.1" - -"@uifabric/foundation@^7.0.1": - version "7.0.1" - resolved "https://registry.yarnpkg.com/@uifabric/foundation/-/foundation-7.0.1.tgz#4abf82c58f762d048f1612eb1039efc0405127fa" - integrity sha512-Cd9voIy8g1U8ohgBuAtUyM6QdpLxdAUcSMrTQhM+UW+Ousi9cFv9vybOzprXuIBx4eU0bj+YQI9qym4wxQc5Pg== - dependencies: - "@uifabric/set-version" "^7.0.0" - "@uifabric/styling" "^7.0.2" - "@uifabric/utilities" "^7.0.3" - tslib "^1.7.1" - -"@uifabric/foundation@^7.0.2": - version "7.0.2" - resolved "https://registry.yarnpkg.com/@uifabric/foundation/-/foundation-7.0.2.tgz#5696814804970e4f4968e6bf02cd982799a462c3" - integrity sha512-9ik+k8B+otG3t/FyUqdWiAZHQS0nIZQR8SrFfZfW3sEt6kITxg0bHb8jWEW+xqc0b2qEO2V5lJmtWz6nRp2CDQ== +"@uifabric/file-type-icons@^7.0.6": + version "7.0.6" + resolved "https://registry.yarnpkg.com/@uifabric/file-type-icons/-/file-type-icons-7.0.6.tgz#c51cb049b91476ed04446f7d93067b3c7df8bd64" + integrity sha512-Ulw45NPQVIZDDh7SdvnSx2WWBDZJjOuBUv2+ARFTi76U427a+mTt9gHlYKozTVLD3lB6GCrgwA0X66Oto4fhZw== dependencies: - "@uifabric/set-version" "^7.0.0" - "@uifabric/styling" "^7.1.1" - "@uifabric/utilities" "^7.0.6" + "@uifabric/set-version" "^7.0.1" + "@uifabric/styling" "^7.3.0" tslib "^1.7.1" -"@uifabric/icons@^7.0.2": - version "7.0.2" - resolved "https://registry.yarnpkg.com/@uifabric/icons/-/icons-7.0.2.tgz#c614edbe884d153e7641889cec14621e4b3d6729" - integrity sha512-nOb5GI2uAG5nisWemACUDJc9oCaRohNJz8CKIjGRnUvgIHP3702CC6GHIqaSOnb93pwHUcHrdu0HgO9EQUK9Zw== - dependencies: - "@uifabric/set-version" "^7.0.0" - "@uifabric/styling" "^7.0.2" +"@uifabric/fluent-theme@^7.0.4": + version "7.0.4" + resolved "https://registry.yarnpkg.com/@uifabric/fluent-theme/-/fluent-theme-7.0.4.tgz#a32beb75254f92b0aa919afa9147b9c4d960dd85" + integrity sha512-XKoKgJG/eaXdE39wk0iPDZqd8UxAfp/0BFVoyAJC5uLOLEcLfutdloSKRN/3HZT6mnJwRNOu+CkARvZH1uOfVQ== + dependencies: + "@uifabric/merge-styles" "^7.2.0" + "@uifabric/set-version" "^7.0.1" + "@uifabric/styling" "^7.2.1" + "@uifabric/variants" "^7.0.3" + office-ui-fabric-react "^7.11.0" tslib "^1.7.1" -"@uifabric/icons@^7.1.0": - version "7.1.0" - resolved "https://registry.yarnpkg.com/@uifabric/icons/-/icons-7.1.0.tgz#484c9079f588debce0c33a22232436cf86abb5b3" - integrity sha512-hKGWPTkxZkGEuvfsFx5dh28yyWbYHf32BtvcwsFR5Tn8LEpTR1HZY/tc2aS+JjNMpX1m+R3SrrxLYT9rVkC77Q== +"@uifabric/foundation@^7.0.3": + version "7.0.3" + resolved "https://registry.yarnpkg.com/@uifabric/foundation/-/foundation-7.0.3.tgz#cd2718c384b4d35be8b828fba1001242578327d3" + integrity sha512-kfGuMgBkdOi6gkGC5UToHAHGvX/G0lq4KrPFg8EyOPBdjTPJWP4hYic7OKY7E+HIG3YPFFDgcj0IzSs2fSg9sA== dependencies: - "@uifabric/set-version" "^7.0.0" - "@uifabric/styling" "^7.1.1" + "@uifabric/set-version" "^7.0.1" + "@uifabric/styling" "^7.2.1" + "@uifabric/utilities" "^7.0.7" tslib "^1.7.1" -"@uifabric/merge-styles@^7.0.2", "@uifabric/merge-styles@^7.1.1": +"@uifabric/icons@^7.1.1": version "7.1.1" - resolved "https://registry.yarnpkg.com/@uifabric/merge-styles/-/merge-styles-7.1.1.tgz#8af9f5b7e7f6e5597d9d18c7f87077d1fe04e60c" - integrity sha512-FrQvdydkFPcwLkI4GykKdeUXMZJ6VlAsWl5McNDZq3UQEkwDS69OUwwA+zdwtNZMSrgo5TT1MshViUvwHvFFIA== - dependencies: - "@uifabric/set-version" "^7.0.0" - tslib "^1.7.1" - -"@uifabric/merge-styles@^7.1.0": - version "7.1.0" - resolved "https://registry.yarnpkg.com/@uifabric/merge-styles/-/merge-styles-7.1.0.tgz#dff9b60986021d710592ca17353691c4fb93c8ef" - integrity sha512-mwGm5bDXfnnstFEep2/19KEMH9jf4tVx4btpTFRZoZPZcDFhe5Ia/vlqxRRgFVswBSo8Xk8G/E0y9FTRfIO/Ew== + resolved "https://registry.yarnpkg.com/@uifabric/icons/-/icons-7.1.1.tgz#1f455b6338237fc18af0f5f80657877c5ab009de" + integrity sha512-xdCInIM9aF6emgHtM7W1yVz6cVkH1EWgT22S4mBvHBFSqLLSVn7EHKQ0FUT41zTgMoY/68neFoOvjkSjIm2h0Q== dependencies: - "@uifabric/set-version" "^7.0.0" + "@uifabric/set-version" "^7.0.1" + "@uifabric/styling" "^7.2.1" tslib "^1.7.1" -"@uifabric/set-version@^7.0.0": - version "7.0.0" - resolved "https://registry.yarnpkg.com/@uifabric/set-version/-/set-version-7.0.0.tgz#2c9be5fb368354dc924868627c4a2ed3ee7a0635" - integrity sha512-0cdpZJ5AHmrzb1RMrA420+sRxJiMRwgiOfLoRCSpOqkSwn2TILACGGfTJ9vRWuKEugBiz/+qVltBUYMcdPlATQ== +"@uifabric/merge-styles@^7.2.0": + version "7.2.0" + resolved "https://registry.yarnpkg.com/@uifabric/merge-styles/-/merge-styles-7.2.0.tgz#1ad604368066dc801f584de6c23c072680ec97dd" + integrity sha512-EA2aNl7jn3nUxwFZSausAr1MU8/C1pjLwyuLIQ4t0u86QW+MJuagXZY2X//oLPzvnACDrA5Z3SOcVbi+uzfTXA== dependencies: + "@uifabric/set-version" "^7.0.1" tslib "^1.7.1" -"@uifabric/styling@7.1.1", "@uifabric/styling@^7.1.1": - version "7.1.1" - resolved "https://registry.yarnpkg.com/@uifabric/styling/-/styling-7.1.1.tgz#95cc5c40e340b0cfef8ee6cf4ec21b32952b4f0d" - integrity sha512-UiBIj7HZwRk3qLKO+RcSnT59Vizu6+QPrv94e5MIFVIbh241J8N+PRFHK6U44Se+7ZjGON1DvZKs1ll57NWufg== +"@uifabric/set-version@^7.0.1": + version "7.0.1" + resolved "https://registry.yarnpkg.com/@uifabric/set-version/-/set-version-7.0.1.tgz#9ae5a04af0e98c788053fede0ce3b3612e5cb142" + integrity sha512-j9i6VnfvJtkJrfooUtdKJieXMrbggurxqV4EnlfhyBjJlTn3bEVYaVV4TsA+uLjpAfmhkuJLFnsY+MZB8C1khw== dependencies: - "@microsoft/load-themed-styles" "^1.7.13" - "@uifabric/merge-styles" "^7.1.1" - "@uifabric/set-version" "^7.0.0" - "@uifabric/utilities" "^7.0.6" tslib "^1.7.1" -"@uifabric/styling@^7.0.2", "@uifabric/styling@^7.1.0": - version "7.1.0" - resolved "https://registry.yarnpkg.com/@uifabric/styling/-/styling-7.1.0.tgz#98c489ce9c172f67a826cfbb2c179e7fce5663e2" - integrity sha512-HSQeVvA/YLpSveMgKIDGYavbqmPV/m+XheW5d6xlu2VRrBOyep2FWz2U7rT16vTH7FRDF6Bk30M2LLXxux5zuQ== +"@uifabric/styling@7.4.0", "@uifabric/styling@^7.2.1", "@uifabric/styling@^7.3.0", "@uifabric/styling@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@uifabric/styling/-/styling-7.4.0.tgz#898d5e6b8028cd3e12cc3aa8a2c19c180b9fc52f" + integrity sha512-JsTqeaQ5Tp/i8FcvzZg/a4u8+RwLrNZv9JywLnyiFbd5l6hwL+UjlOoajHLpJew+7eFqV2S/YGv/ButXpJi0vg== dependencies: "@microsoft/load-themed-styles" "^1.7.13" - "@uifabric/merge-styles" "^7.1.0" - "@uifabric/set-version" "^7.0.0" - "@uifabric/utilities" "^7.0.4" - tslib "^1.7.1" - -"@uifabric/theme-samples@^7.0.2": - version "7.0.2" - resolved "https://registry.yarnpkg.com/@uifabric/theme-samples/-/theme-samples-7.0.2.tgz#9b201d55ee15aae2ebc7139c411431bf02a3950b" - integrity sha512-7TydSO5LeZrCOFaxoYyb+MxzP7JPcjFYylhiensWrVPTxTiUaHHSn5NlDvA0Y/U8gNgQ7+tyr4yFi/A+6hXseQ== - dependencies: - "@uifabric/set-version" "^7.0.0" - "@uifabric/variants" "^7.0.2" - office-ui-fabric-react "^7.1.1" + "@uifabric/merge-styles" "^7.2.0" + "@uifabric/set-version" "^7.0.1" + "@uifabric/utilities" "^7.0.7" tslib "^1.7.1" -"@uifabric/utilities@^7.0.3", "@uifabric/utilities@^7.0.4": - version "7.0.5" - resolved "https://registry.yarnpkg.com/@uifabric/utilities/-/utilities-7.0.5.tgz#3e3d9a0e7a24ccd404b7e92d90b7ce3cbcec10ca" - integrity sha512-B4eSp1gzF2PHwd1pXbRwHTpnIqrgO+qPA6IQ1g5AiNVt+2lGuaxd+kY3JW00RadTTYePmk9dmql8G/unsLMFaA== +"@uifabric/theme-samples@^7.0.3": + version "7.0.3" + resolved "https://registry.yarnpkg.com/@uifabric/theme-samples/-/theme-samples-7.0.3.tgz#dafa6091117212e775c289bf70b49aa63c57080d" + integrity sha512-hjYnCPctxUQwNHzNzLi6l/j4ZlnHSs6AjGuF9vKTF3opZ+LOv0GTfP5tq1LzzpTl7Uu6tsX+ekWAkAlL2dQzeA== dependencies: - "@uifabric/merge-styles" "^7.1.0" - "@uifabric/set-version" "^7.0.0" - prop-types "^15.5.10" + "@uifabric/set-version" "^7.0.1" + "@uifabric/variants" "^7.0.3" + office-ui-fabric-react "^7.11.0" tslib "^1.7.1" -"@uifabric/utilities@^7.0.6": - version "7.0.6" - resolved "https://registry.yarnpkg.com/@uifabric/utilities/-/utilities-7.0.6.tgz#170e1f361b3688fa64869b2da737c93d00e5be29" - integrity sha512-5rvfwfcbUm7YWgeQ1fiQ67gi6P2PSQG5N7sX9xIs/Jzoem/qpE5E9+QIP7UTnB6tOrpDJgFwWsBYKY8CfAlZsg== +"@uifabric/utilities@^7.0.7": + version "7.0.7" + resolved "https://registry.yarnpkg.com/@uifabric/utilities/-/utilities-7.0.7.tgz#fab12012421d698c93cfeb4d51a521a3fbb3f444" + integrity sha512-oZJuCuSBGJXv8jXR1UCqAmTYW4yQ/I41K3J/rvXZTW17HOC2w34UiZIlk/p+PuLnrsEFrFfhN0uBnsAgeOL+fw== dependencies: - "@uifabric/merge-styles" "^7.1.1" - "@uifabric/set-version" "^7.0.0" + "@uifabric/merge-styles" "^7.2.0" + "@uifabric/set-version" "^7.0.1" prop-types "^15.5.10" tslib "^1.7.1" -"@uifabric/variants@^7.0.2": - version "7.0.2" - resolved "https://registry.yarnpkg.com/@uifabric/variants/-/variants-7.0.2.tgz#6db64b7177bb5d290c9a64a90eda32714d76cd31" - integrity sha512-3PtVIyDS88Zu6rO02hdm5cUS0HWPcd3mNoHOkVFPU184VancJXWKMRvjuU7W8Gu9Gd7NKc+7UelUBPr1qPCpEg== +"@uifabric/variants@^7.0.3": + version "7.0.3" + resolved "https://registry.yarnpkg.com/@uifabric/variants/-/variants-7.0.3.tgz#4824475d9de50f76c3a9bfe54cf134047c48a28d" + integrity sha512-qBLMI3dS8WR2dwm9YzMzMJTXB77lM+7TkJpwUlpl6wpGqHmJILydFQFLpQR4NJjCas2A4UU4ktBEE6x4d241uA== dependencies: - "@uifabric/set-version" "^7.0.0" - office-ui-fabric-react "^7.1.1" + "@uifabric/set-version" "^7.0.1" + office-ui-fabric-react "^7.11.0" tslib "^1.7.1" "@webassemblyjs/ast@1.8.5": @@ -12344,33 +12296,18 @@ octokit-pagination-methods@^1.1.0: resolved "https://registry.yarnpkg.com/octokit-pagination-methods/-/octokit-pagination-methods-1.1.0.tgz#cf472edc9d551055f9ef73f6e42b4dbb4c80bea4" integrity sha512-fZ4qZdQ2nxJvtcasX7Ghl+WlWS/d9IgnBIwFZXVNNZUmzpno91SX5bc5vuxiuKoCtK78XxGGNuSCrDC7xYB3OQ== -office-ui-fabric-react@7.6.1: - version "7.6.1" - resolved "https://registry.yarnpkg.com/office-ui-fabric-react/-/office-ui-fabric-react-7.6.1.tgz#811dc1b84a2e83254acc30d32a7c586810719641" - integrity sha512-GNFoUS8nkv5n8Mx3kCsjodJw2k+ByGB/WsM5oRxDi8J5uugfxzhXaxTo9PQsFoFXKojCAK1LJUutOheYMCeg8w== - dependencies: - "@microsoft/load-themed-styles" "^1.7.13" - "@uifabric/foundation" "^7.0.1" - "@uifabric/icons" "^7.0.2" - "@uifabric/merge-styles" "^7.1.0" - "@uifabric/set-version" "^7.0.0" - "@uifabric/styling" "^7.1.0" - "@uifabric/utilities" "^7.0.4" - prop-types "^15.5.10" - tslib "^1.7.1" - -office-ui-fabric-react@^7.1.1, office-ui-fabric-react@^7.8.1: - version "7.8.2" - resolved "https://registry.yarnpkg.com/office-ui-fabric-react/-/office-ui-fabric-react-7.8.2.tgz#4e85d8df0e2bca6799dc8dc0b23cf1669c650ee9" - integrity sha512-e63yuh1jGHbI6FcvVIhXBEcwy6bD8dWQIlyFfDW45AJ/mM7fV8VDY3Fdg39vdjbNJOCP3y6ZoclxONjX35WMEQ== +office-ui-fabric-react@7.19.1, office-ui-fabric-react@^7.11.0, office-ui-fabric-react@^7.18.0, office-ui-fabric-react@^7.19.1: + version "7.19.1" + resolved "https://registry.yarnpkg.com/office-ui-fabric-react/-/office-ui-fabric-react-7.19.1.tgz#985021c2b85c2509d817237309badcc9da1d55ae" + integrity sha512-mBRxC7Np73jqKt8nXSu6jCFYFL/qcuXP1hwqvAkQylefTUoXJ7fD001SScrySWLokD5TAb+k4pQsmliErR7B8w== dependencies: "@microsoft/load-themed-styles" "^1.7.13" - "@uifabric/foundation" "^7.0.2" - "@uifabric/icons" "^7.1.0" - "@uifabric/merge-styles" "^7.1.1" - "@uifabric/set-version" "^7.0.0" - "@uifabric/styling" "^7.1.1" - "@uifabric/utilities" "^7.0.6" + "@uifabric/foundation" "^7.0.3" + "@uifabric/icons" "^7.1.1" + "@uifabric/merge-styles" "^7.2.0" + "@uifabric/set-version" "^7.0.1" + "@uifabric/styling" "^7.4.0" + "@uifabric/utilities" "^7.0.7" prop-types "^15.5.10" tslib "^1.7.1" From cb3153d73ddb0ab88f6dbd9c0a07a4d72af1faec Mon Sep 17 00:00:00 2001 From: Keith Date: Mon, 5 Aug 2019 15:19:14 +0800 Subject: [PATCH 2/2] feat(neuron-ui): disable fadein animation on details list --- .../src/components/Addresses/index.tsx | 2 ++ .../src/components/Overview/index.tsx | 7 ++++++- .../src/components/TransactionList/index.tsx | 2 ++ .../neuron-ui/src/utils/fabricUIRender.tsx | 19 +++++++++++++++++++ 4 files changed, 29 insertions(+), 1 deletion(-) create mode 100644 packages/neuron-ui/src/utils/fabricUIRender.tsx diff --git a/packages/neuron-ui/src/components/Addresses/index.tsx b/packages/neuron-ui/src/components/Addresses/index.tsx index 2d3ba58714..9789be7942 100644 --- a/packages/neuron-ui/src/components/Addresses/index.tsx +++ b/packages/neuron-ui/src/components/Addresses/index.tsx @@ -17,6 +17,7 @@ import { StateWithDispatch } from 'states/stateProvider/reducer' import { useLocalDescription } from 'utils/hooks' import { MIN_CELL_WIDTH, Routes } from 'utils/const' import { localNumberFormatter, shannonToCKBFormatter } from 'utils/formatters' +import { onRenderRow } from 'utils/fabricUIRender' const Addresses = ({ app: { @@ -180,6 +181,7 @@ const Addresses = ({ contextMenu({ type: 'addressList', id: item.identifier }) }} className="listWithDesc" + onRenderRow={onRenderRow} /> ) } diff --git a/packages/neuron-ui/src/components/Overview/index.tsx b/packages/neuron-ui/src/components/Overview/index.tsx index f5aa88ed5d..7ac7af6500 100644 --- a/packages/neuron-ui/src/components/Overview/index.tsx +++ b/packages/neuron-ui/src/components/Overview/index.tsx @@ -103,9 +103,14 @@ const Overview = ({ const onTransactionRowRender = useCallback((props?: IDetailsRowProps) => { if (props) { - const customStyles: Partial = {} + const customStyles: Partial = { + root: { + animationDuration: '0!important', + }, + } if (props.item.status === 'failed') { customStyles.root = { + animationDuration: '0!important', color: 'red', } } diff --git a/packages/neuron-ui/src/components/TransactionList/index.tsx b/packages/neuron-ui/src/components/TransactionList/index.tsx index 12cf93e6a6..ddb308cb7b 100644 --- a/packages/neuron-ui/src/components/TransactionList/index.tsx +++ b/packages/neuron-ui/src/components/TransactionList/index.tsx @@ -17,6 +17,7 @@ import { contextMenu, showTransactionDetails } from 'services/remote' import { useLocalDescription } from 'utils/hooks' import { shannonToCKBFormatter, uniformTimeFormatter as timeFormatter, uniformTimeFormatter } from 'utils/formatters' +import { onRenderRow } from 'utils/fabricUIRender' const theme = getTheme() @@ -212,6 +213,7 @@ const TransactionList = ({ } }} className="listWithDesc" + onRenderRow={onRenderRow} /> ) } diff --git a/packages/neuron-ui/src/utils/fabricUIRender.tsx b/packages/neuron-ui/src/utils/fabricUIRender.tsx new file mode 100644 index 0000000000..171ebca419 --- /dev/null +++ b/packages/neuron-ui/src/utils/fabricUIRender.tsx @@ -0,0 +1,19 @@ +import React from 'react' +import { DetailsRow, IDetailsRowProps } from 'office-ui-fabric-react' + +export const onRenderRow = (rowProps?: IDetailsRowProps) => { + return rowProps ? ( + + ) : null +} + +export default { + onRenderRow, +}