Small layout adjustments (explorer & staking) (#3673)

package.json

@@ -83,7 +83,7 @@
     "@babel/register": "^7.11.5",
     "@babel/runtime": "^7.11.2",
     "@pinata/sdk": "^1.1.11",
-    "@polkadot/dev": "^0.55.49",
+    "@polkadot/dev": "^0.55.50",
     "@polkadot/ts": "^0.3.44",
     "@types/bn.js": "^4.11.6",
     "@types/chart.js": "^2.9.24",
@@ -108,13 +108,13 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "source-map-explorer": "^2.5.0",
-    "stylelint": "^13.7.0",
+    "stylelint": "^13.7.1",
     "stylelint-config-recommended": "^3.0.0",
     "stylelint-config-styled-components": "^0.1.1",
-    "terser-webpack-plugin": "^4.1.0",
+    "terser-webpack-plugin": "^4.2.0",
     "webpack": "^4.44.1",
     "webpack-cli": "^3.3.12",
-    "webpack-merge": "^5.1.3",
+    "webpack-merge": "^5.1.4",
     "webpack-plugin-serve": "^1.0.1"
   }
 }

packages/apps-config/package.json

@@ -13,7 +13,7 @@
   "dependencies": {
     "@acala-network/type-definitions": "^0.4.0-beta.4",
     "@babel/runtime": "^7.11.2",
-    "@edgeware/node-types": "^2.4.4",
+    "@edgeware/node-types": "^2.4.5",
     "@laminar/type-definitions": "^0.2.0-beta.141",
     "@subsocial/types": "^0.4.3"
   }

packages/apps-electron/package.json

@@ -6,7 +6,7 @@
   "dependencies": {
     "@babel/core": "^7.11.6",
     "@babel/polyfill": "^7.11.5",
-    "@polkadot/dev": "^0.55.49",
+    "@polkadot/dev": "^0.55.50",
     "@polkadot/react-components": "0.58.0-beta.31",
     "electron-log": "^4.2.4",
     "electron-updater": "^4.3.5"
@@ -20,7 +20,7 @@
     "html-webpack-plugin": "^4.4.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "thread-loader": "^2.1.3",
+    "thread-loader": "^3.0.0",
     "tmp": "^0.2.1",
     "webpack": "^4.44.1"
   }

packages/apps/package.json

@@ -16,7 +16,7 @@
     "@babel/core": "^7.11.6",
     "@babel/polyfill": "^7.11.5",
     "@babel/runtime": "^7.11.2",
-    "@polkadot/dev": "^0.55.49",
+    "@polkadot/dev": "^0.55.50",
     "@polkadot/react-components": "0.58.0-beta.31",
     "@polkadot/react-signer": "0.58.0-beta.31",
     "punycode": "^2.1.1",
@@ -26,16 +26,16 @@
     "@types/punycode": "^2.1.0",
     "babel-loader": "^8.1.0",
     "copy-webpack-plugin": "^6.1.0",
-    "css-loader": "^4.2.2",
+    "css-loader": "^4.3.0",
     "empty": "^0.10.1",
     "file-loader": "^6.1.0",
     "html-loader": "^1.3.0",
     "html-webpack-plugin": "^4.4.1",
     "markdown-loader": "^5.1.0",
-    "mini-css-extract-plugin": "^0.11.0",
+    "mini-css-extract-plugin": "^0.11.2",
     "null-loader": "^4.0.0",
     "style-loader": "^1.2.1",
-    "thread-loader": "^2.1.3",
+    "thread-loader": "^3.0.0",
     "url-loader": "^4.1.0",
     "webpack": "^4.44.1"
   }

packages/page-explorer/src/BlockInfo/Extrinsic.tsx

@@ -86,21 +86,18 @@ function ExtrinsicDisplay ({ blockNumber, className = '', events, index, value }
         )}
       </td>
       <td className='top'>
-        {value.isSigned
-          ? (
-            <>
-              <AddressMini value={value.signer} />
-              <div className='explorer--BlockByHash-nonce'>
-                {t<string>('index')} {formatNumber(value.nonce)}
-              </div>
-              <LinkExternal
-                data={value.hash.toHex()}
-                type='extrinsic'
-              />
-            </>
-          )
-          : <div className='explorer--BlockByHash-unsigned'>{t<string>('not signed')}</div>
-        }
+        {value.isSigned && (
+          <>
+            <AddressMini value={value.signer} />
+            <div className='explorer--BlockByHash-nonce'>
+              {t<string>('index')} {formatNumber(value.nonce)}
+            </div>
+            <LinkExternal
+              data={value.hash.toHex()}
+              type='extrinsic'
+            />
+          </>
+        )}
       </td>
     </tr>
   );

packages/page-staking/src/Overview/Address/index.tsx

@@ -140,11 +140,13 @@ function Address ({ address, className = '', filterName, hasQueries, isElected,
           />
         )
       }
-      <td className='number media--1100'>
-        {stakeOwn?.gtn(0) && (
-          <FormatBalance value={stakeOwn} />
-        )}
-      </td>
+      {isMain && (
+        <td className='number media--1100'>
+          {stakeOwn?.gtn(0) && (
+            <FormatBalance value={stakeOwn} />
+          )}
+        </td>
+      )}
       <td className='number'>
         {commission}
       </td>

packages/page-staking/src/Overview/CurrentList.tsx

@@ -126,8 +126,8 @@ function CurrentList ({ favorites, hasQueries, isIntentions, next, stakingOvervi
 
   const headerWaitingRef = useRef([
     [t('intentions'), 'start', 2],
-    [t('nominators'), 'expand', 2],
-    [t('commission'), 'number', 1],
+    [t('nominators'), 'expand'],
+    [t('commission'), 'number'],
     [],
     []
   ]);

packages/react-api/package.json

@@ -33,6 +33,6 @@
     "@babel/runtime": "^7.11.2",
     "@polkadot/api": "^1.33.0-beta.5",
     "@polkadot/extension-dapp": "^0.34.0-beta.11",
-    "rxjs-compat": "^6.6.2"
+    "rxjs-compat": "^6.6.3"
   }
 }

packages/react-components/package.json

@@ -32,7 +32,7 @@
     "react-chartjs-2": "^2.10.0",
     "react-copy-to-clipboard": "^5.0.2",
     "react-dom": "^16.13.1",
-    "react-dropzone": "^11.0.3",
+    "react-dropzone": "^11.1.0",
     "react-i18next": "^11.7.2",
     "react-is": "^16.13.1",
     "react-markdown": "^4.3.1",
@@ -46,6 +46,6 @@
     "styled-theming": "^2.2.0"
   },
   "devDependencies": {
-    "@types/codeflask": "^1.4.1"
+    "@types/codeflask": "^1.4.2"
   }
 }

packages/react-components/src/Expander.tsx

@@ -125,9 +125,11 @@ export default React.memo(styled(Expander)`
 
     .ui--Expander-summary-header {
       display: inline-block;
+      max-width: calc(100% - 2rem);
       overflow: hidden;
       text-overflow: ellipsis;
       vertical-align: middle;
+      white-space: nowrap;
     }
 
     .ui--Icon {