[DDW-680] Merge branch 'develop' into fix/ddw-680-small-ui-ux-fixes

input-output-hk · Oct 14, 2021 · 1e41cd7 · 1e41cd7
2 parents a1a78cc + daa63d5
commit 1e41cd7
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 25 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,10 +1,10 @@
 # Changelog
 
-## vNext
+## 4.4.0
 
 ### Features
 
-- Implemented the wallet Tokens dedicated screen ([PR 2671](https://github.com/input-output-hk/daedalus/pull/2671), [PR 2701](https://github.com/input-output-hk/daedalus/pull/2701))
+- Implemented the wallet Tokens dedicated screen ([PR 2671](https://github.com/input-output-hk/daedalus/pull/2671), [PR 2701](https://github.com/input-output-hk/daedalus/pull/2701), [PR 2703](https://github.com/input-output-hk/daedalus/pull/2703))
 
 ### Fixes
 

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "daedalus",
   "productName": "Daedalus",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "Cryptocurrency Wallet",
   "main": "./dist/main/index.js",
   "scripts": {

diff --git a/source/renderer/app/components/wallet/tokens/WalletToken.js b/source/renderer/app/components/wallet/tokens/WalletToken.js
@@ -157,28 +157,14 @@ const WalletToken = observer((props: Props) => {
         <SVGInline svg={arrow} className={arrowStyles} />
       </div>
     );
-  }, [asset, isExpanded, arrowStyles]);
-
-  const footer = useMemo(() => {
-    return (
-      <div className={styles.footer}>
-        <dl>
-          <dt>{intl.formatMessage(messages.amountLabel)}</dt>
-          <dd>
-            {' '}
-            <AssetAmount
-              amount={asset.quantity}
-              metadata={asset.metadata}
-              decimals={asset.decimals}
-              isLoading={isLoading}
-              className={styles.assetAmount}
-            />
-          </dd>
-        </dl>
-        {buttons}
-      </div>
-    );
-  }, [asset, isLoading, intl]);
+  }, [
+    asset,
+    isExpanded,
+    arrowStyles,
+    onToggleFavorite,
+    isFavorite,
+    favoriteIconStyles,
+  ]);
 
   const buttons = useMemo(() => {
     const { recommendedDecimals, decimals } = asset;
@@ -235,6 +221,27 @@ const WalletToken = observer((props: Props) => {
     );
   }, [asset, onOpenAssetSend, onAssetSettings, intl]);
 
+  const footer = useMemo(() => {
+    return (
+      <div className={styles.footer}>
+        <dl>
+          <dt>{intl.formatMessage(messages.amountLabel)}</dt>
+          <dd>
+            {' '}
+            <AssetAmount
+              amount={asset.quantity}
+              metadata={asset.metadata}
+              decimals={asset.decimals}
+              isLoading={isLoading}
+              className={styles.assetAmount}
+            />
+          </dd>
+        </dl>
+        {buttons}
+      </div>
+    );
+  }, [asset, isLoading, intl, buttons]);
+
   const { isInsertingAsset, isRemovingAsset } = props;
   const componentStyles = classNames(styles.component, {
     [styles.isExpanded]: isExpanded,