Merge pull request #67 from paritytech/w3f-deploy-1.2.0

v1.2.0

.licenserc.json

@@ -3,5 +3,9 @@
     "// Copyright 2024 @paritytech/polkadot-staking-dashboard authors & contributors",
     "// SPDX-License-Identifier: GPL-3.0-only"
   ],
+  "**/*.{.css}": [
+    "/* Copyright 2024 @paritytech/polkadot-staking-dashboard authors & contributors",
+    "SPDX-License-Identifier: GPL-3.0-only */"
+  ],
   "ignore": ["testdata", "npm", "public/", "Dockerfile", "src/config/validators/"]
 }

README.md

@@ -6,11 +6,9 @@
 
 ## Contributing Community Assets
 
-The Polkadot Staking Dashboard is a community-driven project, and we welcome contributions to bolster the dashboard's functionality and features.
+### Validator Operators
 
-- **Web Extensions**: Submit PR to the [Polkadot Cloud repository](https://github.com/polkadot-cloud/library/tree/main/packages/assets#adding-web-extension-wallets) to add a web extension. The extension will then be available in the `@polkadot-cloud/assets` NPM package. Full instructions can be found [here](https://github.com/polkadot-cloud/library/tree/main/packages/assets#adding-web-extension-wallets).
-
-- **Validator Operators**: Submit PR to the [Polkadot Cloud repository](https://github.com/polkadot-cloud/library/tree/main/packages/assets#adding-validator-operators) to add a validator operator. The operator will then be available in the `@polkadot-cloud/assets` NPM package. Full instructions can be found [here](https://github.com/polkadot-cloud/library/tree/main/packages/assets#adding-validator-operators).
+To showcase a validator operator on staking dashboard, submit a PR to the [**`@w3ux`**](https://github.com/w3ux/w3ux-library/tree/main) library. The operator will then be available in the **`@w3ux/validator-assets`** NPM package. [Full instructions](https://github.com/w3ux/w3ux-library/tree/main/library/validator-assets).
 
 ## URL Variable Support
 

docs/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+
+## [1.1.7](https://github.com/paritytech/polkadot-staking-dashboard/compare/v1.1.6...v1.1.7) (2024-02-24)
+
+### Features
+
+* **refactor:** Add Structure kit ([#1963](https://github.com/paritytech/polkadot-staking-dashboard/issues/1963)) ([e6b181b](https://github.com/paritytech/polkadot-staking-dashboard/commit/e6b181be92c4abf706fd3b7bbe43bbf86abb6318))
+* **refactor:** buttons to project ([#1960](https://github.com/paritytech/polkadot-staking-dashboard/issues/1960)) ([24d365c](https://github.com/paritytech/polkadot-staking-dashboard/commit/24d365cc7bc4ec42ff7240a5fd7d0b24285b94d4))
+* **refactor:** use local themes ([#1953](https://github.com/paritytech/polkadot-staking-dashboard/issues/1953)) ([03e9f71](https://github.com/paritytech/polkadot-staking-dashboard/commit/03e9f7172a73d74b20fee0831bfd8fdc154f43c2))
+* **ux:** Check SubWallet Mobile and filter Subwallet extension ([#1983](https://github.com/paritytech/polkadot-staking-dashboard/issues/1983)) ([3700fad](https://github.com/paritytech/polkadot-staking-dashboard/commit/3700fad464318bb7befd75ff254921c085cb194d))
+
+
+## [1.1.6](https://github.com/paritytech/polkadot-staking-dashboard/compare/v1.1.5...v1.1.6) (2024-02-15)
+
+
+### Bug Fixes
+
+* fix manage nominations refresh ([#1950](https://github.com/paritytech/polkadot-staking-dashboard/issues/1950)) ([e09176b](https://github.com/paritytech/polkadot-staking-dashboard/commit/e09176bd74f4f78b1d8c2fb2779c77967a9f1c5d))
+* stringify nomination comparison ([#1952](https://github.com/paritytech/polkadot-staking-dashboard/issues/1952)) ([f454dbf](https://github.com/paritytech/polkadot-staking-dashboard/commit/f454dbf4ee14745c6791b2d5ec763ad0a77d6fc2))
+
+
 ## [1.1.5](https://github.com/paritytech/polkadot-staking-dashboard/compare/v1.1.4...v1.1.5) (2024-02-14)
 
 ### Features

package.json

@@ -1,6 +1,6 @@
 {
   "name": "polkadot-staking-dashboard",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "type": "module",
   "license": "GPL-3.0-only",
   "scripts": {
@@ -27,27 +27,30 @@
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@ledgerhq/hw-transport-webhid": "^6.28.4",
-    "@polkadot-cloud/assets": "^0.4.0",
-    "@polkadot-cloud/core": "^1.3.3",
-    "@polkadot-cloud/react": "^0.5.4",
-    "@polkadot-cloud/utils": "^0.3.0",
-    "@polkadot/api": "^10.11.2",
+    "@polkadot/api": "^10.11.3",
     "@polkadot/keyring": "^12.6.2",
-    "@polkadot/rpc-provider": "^10.11.2",
+    "@polkadot/rpc-provider": "10.11.2",
     "@polkadot/util": "^12.6.2",
     "@polkadot/util-crypto": "^12.6.2",
     "@polkawatch/ddp-client": "^2.0.11",
     "@substrate/connect": "0.7.35",
+    "@w3ux/extension-assets": "0.1.0",
+    "@w3ux/hooks": "^0.0.3",
+    "@w3ux/react-connect-kit": "^0.0.4",
+    "@w3ux/react-odometer": "^0.0.3",
+    "@w3ux/react-polkicon": "^0.0.2",
+    "@w3ux/utils": "^0.0.2",
+    "@w3ux/validator-assets": "^0.0.4",
     "@zondax/ledger-substrate": "^0.41.3",
     "bignumber.js": "^9.1.2",
     "bn.js": "^5.2.1",
     "buffer": "^6.0.3",
-    "chart.js": "^4.4.1",
+    "chart.js": "^4.4.2",
     "chroma-js": "^2.4.2",
     "date-fns": "^3.3.1",
-    "framer-motion": "^11.0.5",
+    "framer-motion": "^11.0.8",
     "html5-qrcode": "^2.3.8",
-    "i18next": "^23.9.0",
+    "i18next": "^23.10.0",
     "i18next-browser-languagedetector": "^7.2.0",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
@@ -56,33 +59,33 @@
     "react": "^18.2.0",
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
-    "react-error-boundary": "^4.0.12",
+    "react-error-boundary": "^4.0.13",
     "react-helmet": "^6.1.0",
     "react-i18next": "^14.0.5",
-    "react-router-dom": "^6.22.1",
+    "react-router-dom": "^6.22.2",
     "react-scroll": "^1.9.0",
     "styled-components": "^6.1.8",
-    "usehooks-ts": "2.15.0"
+    "usehooks-ts": "2.15.1"
   },
   "devDependencies": {
     "@ledgerhq/logs": "^6.12.0",
     "@types/chroma-js": "^2.4.4",
     "@types/lodash.debounce": "^4",
     "@types/lodash.throttle": "^4.1.9",
-    "@types/react": "^18.2.57",
+    "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
     "@types/react-helmet": "^6.1.11",
     "@types/react-scroll": "^1.8.10",
     "@types/styled-components": "^5.1.34",
-    "@typescript-eslint/eslint-plugin": "^7.0.2",
-    "@typescript-eslint/parser": "^7.0.2",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
     "@vitejs/plugin-react-swc": "^3.6.0",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-prefer-arrow-functions": "^3.2.4",
+    "eslint-plugin-prefer-arrow-functions": "^3.3.2",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",

src/Providers.tsx

@@ -6,9 +6,8 @@ import { BondedProvider } from 'contexts/Bonded';
 import {
   ExtensionsProvider,
   ExtensionAccountsProvider,
-  OverlayProvider,
   LedgerAccountsProvider,
-} from '@polkadot-cloud/react/providers';
+} from '@w3ux/react-connect-kit';
 import { FastUnstakeProvider } from 'contexts/FastUnstake';
 import { FiltersProvider } from 'contexts/Filters';
 import { LedgerHardwareProvider } from 'contexts/Hardware/Ledger/LedgerHardware';
@@ -45,6 +44,7 @@ import { ExternalAccountsProvider } from 'contexts/Connect/ExternalAccounts';
 import type { Provider } from 'hooks/withProviders';
 import { withProviders } from 'hooks/withProviders';
 import { CommunityProvider } from 'contexts/Community';
+import { OverlayProvider } from 'kits/Overlay/Provider';
 
 export const Providers = () => {
   const {

src/Router.tsx

@@ -4,7 +4,7 @@
 import { registerLastVisited, registerSaEvent } from 'Utils';
 import { usePrompt } from 'contexts/Prompt';
 import { Disclaimer } from 'library/NetworkBar/Disclaimer';
-import { extractUrlValue } from '@polkadot-cloud/utils';
+import { extractUrlValue } from '@w3ux/utils';
 import { useEffect, useRef } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useTranslation } from 'react-i18next';
@@ -36,7 +36,7 @@ import { Page } from 'Page';
 import { Body } from 'kits/Structure/Body';
 import { Main } from 'kits/Structure/Main';
 
-export const RouterInner = () => {
+const RouterInner = () => {
   const { t } = useTranslation();
   const { network } = useNetwork();
   const { pathname, search } = useLocation();

src/Themes.tsx

@@ -9,7 +9,6 @@ import { useEffect } from 'react';
 import { Entry } from 'kits/Structure/Entry';
 
 // light / dark `mode` added to styled-components provider
-// `@polkadot-cloud/react` themes are added to `Entry`.
 export const ThemedRouter = () => {
   const { mode } = useTheme();
   const { network } = useNetwork();

src/canvas/ManageNominations/index.tsx

@@ -1,7 +1,7 @@
 // Copyright 2024 @paritytech/polkadot-staking-dashboard authors & contributors
 // SPDX-License-Identifier: GPL-3.0-only
 
-import { useOverlay } from '@polkadot-cloud/react/hooks';
+import { useOverlay } from 'kits/Overlay/Provider';
 import { GenerateNominations } from 'library/GenerateNominations';
 import { useEffect, useState } from 'react';
 import { Subheading } from 'pages/Nominate/Wrappers';

src/canvas/PoolMembers/Lists/Default.tsx

@@ -1,7 +1,7 @@
 // Copyright 2024 @paritytech/polkadot-staking-dashboard authors & contributors
 // SPDX-License-Identifier: GPL-3.0-only
 
-import { isNotZero } from '@polkadot-cloud/utils';
+import { isNotZero } from '@w3ux/utils';
 import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { listItemsPerBatch, listItemsPerPage } from 'library/List/defaults';

src/canvas/PoolMembers/Prompts/UnbondMember.tsx

@@ -1,20 +1,15 @@
 // Copyright 2024 @paritytech/polkadot-staking-dashboard authors & contributors
 // SPDX-License-Identifier: GPL-3.0-only
 
-import {
-  ModalNotes,
-  ModalPadding,
-  ModalWarnings,
-  Polkicon,
-} from '@polkadot-cloud/react';
+import { Polkicon } from '@w3ux/react-polkicon';
 import {
   ellipsisFn,
   greaterThanZero,
   planckToUnit,
   remToUnit,
   rmCommas,
   unitToPlanck,
-} from '@polkadot-cloud/utils';
+} from '@w3ux/utils';
 import BigNumber from 'bignumber.js';
 import { getUnixTime } from 'date-fns';
 import { useEffect, useState } from 'react';
@@ -32,6 +27,9 @@ import { useActiveAccounts } from 'contexts/ActiveAccounts';
 import { usePrompt } from 'contexts/Prompt';
 import type { PoolMembership } from 'contexts/Pools/types';
 import { Title } from 'library/Prompt/Title';
+import { ModalPadding } from 'kits/Overlay/structure/ModalPadding';
+import { ModalWarnings } from 'kits/Overlay/structure/ModalWarnings';
+import { ModalNotes } from 'kits/Overlay/structure/ModalNotes';
 
 export const UnbondMember = ({
   who,

src/canvas/PoolMembers/Prompts/WithdrawMember.tsx

@@ -1,19 +1,14 @@
 // Copyright 2024 @paritytech/polkadot-staking-dashboard authors & contributors
 // SPDX-License-Identifier: GPL-3.0-only
 
-import {
-  ModalNotes,
-  ModalPadding,
-  ModalWarnings,
-  Polkicon,
-} from '@polkadot-cloud/react';
+import { Polkicon } from '@w3ux/react-polkicon';
 import {
   ellipsisFn,
   isNotZero,
   planckToUnit,
   remToUnit,
   rmCommas,
-} from '@polkadot-cloud/utils';
+} from '@w3ux/utils';
 import BigNumber from 'bignumber.js';
 import type { RefObject } from 'react';
 import { useState } from 'react';
@@ -29,6 +24,9 @@ import type { PoolMembership } from 'contexts/Pools/types';
 import { usePrompt } from 'contexts/Prompt';
 import { Title } from 'library/Prompt/Title';
 import { useTranslation } from 'react-i18next';
+import { ModalPadding } from 'kits/Overlay/structure/ModalPadding';
+import { ModalWarnings } from 'kits/Overlay/structure/ModalWarnings';
+import { ModalNotes } from 'kits/Overlay/structure/ModalNotes';
 
 export const WithdrawMember = ({
   who,

src/canvas/PoolMembers/index.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: GPL-3.0-only
 
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
-import { useOverlay } from '@polkadot-cloud/react/hooks';
+import { useOverlay } from 'kits/Overlay/Provider';
 import { CanvasFullScreenWrapper } from 'canvas/Wrappers';
 import { Members } from 'canvas/PoolMembers/Members';
 import { useTranslation } from 'react-i18next';

src/canvas/Wrappers.tsx

@@ -7,6 +7,7 @@ export const CanvasFullScreenWrapper = styled.div`
   padding-top: 3rem;
   min-height: calc(100vh - 12rem);
   padding-bottom: 2rem;
+  width: 100%;
 
   > .head {
     display: flex;
@@ -24,4 +25,5 @@ export const CanvasSubmitTxFooter = styled.div`
   border-radius: 1rem;
   overflow: hidden;
   margin-bottom: 2rem;
+  width: 100%;
 `;