Merge pull request #898 from asgardex/chore/package-cleanup

chore: package cleanup

Author: cinnamoroll6130

package.json

@@ -132,10 +132,8 @@
     "io-ts": "^2.2.16",
     "io-ts-types": "^0.5.19",
     "lodash": "^4.17.21",
-    "lodash.shuffle": "^4.2.0",
     "observable-hooks": "^4.2.1",
     "qrcode": "^1.5.3",
-    "rc-table": "^7.48.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.34.0",
@@ -169,7 +167,6 @@
     "@types/eslint-plugin-jsx-a11y": "^6",
     "@types/fs-extra": "^9.0.13",
     "@types/lodash": "^4",
-    "@types/lodash.shuffle": "^4.2.7",
     "@types/node": "^22.14",
     "@types/prettier": "^2.7.3",
     "@types/qrcode": "^1.4.2",

src/renderer/components/poolActionsHistory/PoolActionsHistory.helper.test.ts

@@ -133,60 +133,51 @@ describe('PoolActionsHistory.helper', () => {
   describe('getRowKey', () => {
     it('should return correct id if exists', () => {
       expect(
-        getRowKey(
-          {
-            ...defaultPoolAction,
-            in: [
-              {
-                ...defaultTx,
-                txID: 'inId'
-              }
-            ]
-          },
-          1
-        )
+        getRowKey({
+          ...defaultPoolAction,
+          in: [
+            {
+              ...defaultTx,
+              txID: 'inId'
+            }
+          ]
+        })
       ).toEqual('inId-SWAP')
 
       expect(
-        getRowKey(
-          {
-            ...defaultPoolAction,
-            out: [
-              {
-                ...defaultTx,
-                txID: 'outId'
-              }
-            ]
-          },
-          1
-        )
+        getRowKey({
+          ...defaultPoolAction,
+          out: [
+            {
+              ...defaultTx,
+              txID: 'outId'
+            }
+          ]
+        })
       ).toEqual('outId-SWAP')
 
       expect(
-        getRowKey(
-          {
-            ...defaultPoolAction,
-            in: [
-              {
-                ...defaultTx,
-                txID: 'inId'
-              }
-            ],
-            out: [
-              {
-                ...defaultTx,
-                txID: 'outId'
-              }
-            ]
-          },
-          1
-        )
+        getRowKey({
+          ...defaultPoolAction,
+          in: [
+            {
+              ...defaultTx,
+              txID: 'inId'
+            }
+          ],
+          out: [
+            {
+              ...defaultTx,
+              txID: 'outId'
+            }
+          ]
+        })
       ).toEqual('inId-SWAP')
     })
 
     it('should return default value in case there is no txId (`action.date-action.type`)', () => {
       // Date(0) is a default date property value for defaultPoolAction
-      expect(getRowKey(defaultPoolAction, 1)).toEqual(`${new Date(0)}-SWAP`)
+      expect(getRowKey(defaultPoolAction)).toEqual(`${new Date(0)}-SWAP`)
     })
   })
 

src/renderer/components/poolActionsHistory/PoolActionsHistory.helper.tsx

@@ -1,6 +1,5 @@
 import { TxHash } from '@xchainjs/xchain-client'
 import { array as A, function as FP, option as O } from 'fp-ts'
-import { GetRowKey } from 'rc-table/lib/interface'
 import { FormattedDateParts, FormattedTime } from 'react-intl'
 
 import { Action, Actions, ActionsPage, Tx } from '../../services/midgard/thorMidgard/types'
@@ -57,7 +56,7 @@ export const renderDate = (date: Date) => (
   </Styled.DateContainer>
 )
 
-export const getRowKey: GetRowKey<Action> = (action) =>
+export const getRowKey = (action: Action) =>
   FP.pipe(
     action,
     getTxId,

src/renderer/components/poolActionsHistory/PoolActionsHistoryList.tsx

@@ -41,7 +41,7 @@ export const PoolActionsHistoryList = ({
   const intl = useIntl()
 
   const renderListItem = useCallback(
-    (action: Action, index: number, goToTx: OpenExplorerTxUrl) => {
+    (action: Action, goToTx: OpenExplorerTxUrl) => {
       const date = H.renderDate(action.date)
 
       const titleExtra = (
@@ -62,7 +62,7 @@ export const PoolActionsHistoryList = ({
 
       return (
         <div
-          key={H.getRowKey(action, index)}
+          key={H.getRowKey(action)}
           className="flex flex-col p-2 border-t-0 first:border-t last:border-b-0 border-b border-solid border-gray0/40 dark:border-gray0d/40">
           <div className="flex items-center justify-between">
             <TxType className="mr-2" type={action.type} showTypeIcon />
@@ -80,11 +80,7 @@ export const PoolActionsHistoryList = ({
       return (
         <>
           <div className="bg-bg1 dark:bg-bg1d">
-            {loading ? (
-              <Spin className="min-h-40" />
-            ) : (
-              actions.map((action, index) => renderListItem(action, index, goToTx))
-            )}
+            {loading ? <Spin className="min-h-40" /> : actions.map((action) => renderListItem(action, goToTx))}
           </div>
 
           {total > 0 && (

src/renderer/components/wallet/phrase/NewPhraseConfirm.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
 
 import { TrashIcon as DeleteOutlined, ArrowUturnRightIcon as RedoOutlined } from '@heroicons/react/24/outline'
-import shuffleArray from 'lodash.shuffle'
+import shuffleArray from 'lodash/shuffle'
 import { useIntl } from 'react-intl'
 import { useNavigate } from 'react-router-dom'
 import { v4 as uuidv4 } from 'uuid'
@@ -152,7 +152,7 @@ export const NewPhraseConfirm = ({ mnemonic, onConfirm }: { mnemonic: string; on
               <RedoOutlined className="w-4 h-4" />
             </FlatButton>
           </h2>
-          <div className="mb-20px w-full grid grid-cols-3 gap-1">
+          <div className="mt-1 mb-4 w-full grid grid-cols-3 gap-1">
             {shuffledWordsList.map((word: WordType) => (
               <div key={word._id} className="text-center">
                 <TextButton

yarn.lock

@@ -1216,7 +1216,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.25.0, @babel/runtime@npm:^7.8.4":
+"@babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.25.0, @babel/runtime@npm:^7.8.4":
   version: 7.27.1
   resolution: "@babel/runtime@npm:7.27.1"
   checksum: 10/34cefcbf781ea5a4f1b93f8563327b9ac82694bebdae91e8bd9d7f58d084cbe5b9a6e7f94d77076e15b0bcdaa0040a36cb30737584028df6c4673b4c67b2a31d
@@ -3350,19 +3350,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rc-component/context@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "@rc-component/context@npm:1.4.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    rc-util: "npm:^5.27.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10/77b84e6cea11d7adbf68a89a49142d96129abbe485449851702d83d34ba507872404adacee39171dd47e9000556260cc76ab327e09f3320937ecb0c7e6906caa
-  languageName: node
-  linkType: hard
-
 "@react-aria/focus@npm:^3.20.2":
   version: 3.20.5
   resolution: "@react-aria/focus@npm:3.20.5"
@@ -4912,16 +4899,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/lodash.shuffle@npm:^4.2.7":
-  version: 4.2.7
-  resolution: "@types/lodash.shuffle@npm:4.2.7"
-  dependencies:
-    "@types/lodash": "npm:*"
-  checksum: 10/b6417a358159982a93273a96ade01801923628bf4f288f686200501cae664d8d04deb492ec072b435a0837e6a2b671e1ae868aeaeb047242ff447fabec53d4a5
-  languageName: node
-  linkType: hard
-
-"@types/lodash@npm:*, @types/lodash@npm:^4":
+"@types/lodash@npm:^4":
   version: 4.17.16
   resolution: "@types/lodash@npm:4.17.16"
   checksum: 10/9a8bb7471a7521bd65d528e1bd14f79819a3eeb6f8a35a8a44649a7d773775c0813e93fd93bd32ccf350bb076c0bf02c6d47877c4625f526f6dd4d283c746aec
@@ -6694,7 +6672,6 @@ __metadata:
     "@types/eslint-plugin-jsx-a11y": "npm:^6"
     "@types/fs-extra": "npm:^9.0.13"
     "@types/lodash": "npm:^4"
-    "@types/lodash.shuffle": "npm:^4.2.7"
     "@types/node": "npm:^22.14"
     "@types/prettier": "npm:^2.7.3"
     "@types/qrcode": "npm:^1.4.2"
@@ -6780,14 +6757,12 @@ __metadata:
     io-ts-types: "npm:^0.5.19"
     lint-staged: "npm:^13.0.0"
     lodash: "npm:^4.17.21"
-    lodash.shuffle: "npm:^4.2.0"
     observable-hooks: "npm:^4.2.1"
     postcss: "npm:8.4.47"
     prebuild-install: "npm:^7.1.3"
     prettier: "npm:^2.6.2"
     process: "npm:^0.11.10"
     qrcode: "npm:^1.5.3"
-    rc-table: "npm:^7.48.0"
     react: "npm:^18.2.0"
     react-dom: "npm:^18.2.0"
     react-error-overlay: "npm:^6.0.11"
@@ -8066,13 +8041,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"classnames@npm:^2.2.1, classnames@npm:^2.2.5, classnames@npm:^2.2.6":
-  version: 2.3.1
-  resolution: "classnames@npm:2.3.1"
-  checksum: 10/28fec94a815d5f570fa6cb4baaa4a7ae1466db3c8f704802f1330180db45d3b85ef8ae612f521fb37ce2cab1c3040d1d78061697b62987bc2909f26d1ad4321f
-  languageName: node
-  linkType: hard
-
 "clean-stack@npm:^2.0.0":
   version: 2.2.0
   resolution: "clean-stack@npm:2.2.0"
@@ -12183,13 +12151,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.shuffle@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "lodash.shuffle@npm:4.2.0"
-  checksum: 10/06f0a00e7b06309dae8f773fd5752ba004a6a7f65d2e01d4a3906363c2fe26bccb5d3a7a3b33609e54e8194ec442f1e706f5d9388db9b46a6af74c23f57e6bb7
-  languageName: node
-  linkType: hard
-
 "lodash@npm:^4.17.11, lodash@npm:^4.17.15, lodash@npm:^4.17.20, lodash@npm:^4.17.21, lodash@npm:^4.17.4":
   version: 4.17.21
   resolution: "lodash@npm:4.17.21"
@@ -14027,66 +13988,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rc-resize-observer@npm:^1.0.0, rc-resize-observer@npm:^1.1.0":
-  version: 1.2.0
-  resolution: "rc-resize-observer@npm:1.2.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    classnames: "npm:^2.2.1"
-    rc-util: "npm:^5.15.0"
-    resize-observer-polyfill: "npm:^1.5.1"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10/cb338ee405c6df3d072754ad2fc29c19fe90cc9264331c02b7e23cb85d75f8ad984352fa8e0ff48f339439f548613b8960992e3050754290f2e651ed71909489
-  languageName: node
-  linkType: hard
-
-"rc-table@npm:^7.48.0":
-  version: 7.48.0
-  resolution: "rc-table@npm:7.48.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.1"
-    "@rc-component/context": "npm:^1.4.0"
-    classnames: "npm:^2.2.5"
-    rc-resize-observer: "npm:^1.1.0"
-    rc-util: "npm:^5.41.0"
-    rc-virtual-list: "npm:^3.14.2"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10/5f1c6fc74333f4888f9f9a28c44ee571feec23be739d78c3a00d2fc67d811fbabd802ce39294cac66e4b7f3b8d1eda18c3e9c7eef0c3f5f58cd1a7db3abf6141
-  languageName: node
-  linkType: hard
-
-"rc-util@npm:^5.15.0, rc-util@npm:^5.27.0, rc-util@npm:^5.36.0, rc-util@npm:^5.41.0":
-  version: 5.43.0
-  resolution: "rc-util@npm:5.43.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.18.3"
-    react-is: "npm:^18.2.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10/6d5be9d79182c6b4c5a033ad6517b2940d3d2ac42a8e77ef5735591d182f8236f61bc7628d61e82a122d2046ec849462f3fe57c08d3a2a20279646785c34ec4a
-  languageName: node
-  linkType: hard
-
-"rc-virtual-list@npm:^3.14.2":
-  version: 3.14.8
-  resolution: "rc-virtual-list@npm:3.14.8"
-  dependencies:
-    "@babel/runtime": "npm:^7.20.0"
-    classnames: "npm:^2.2.6"
-    rc-resize-observer: "npm:^1.0.0"
-    rc-util: "npm:^5.36.0"
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 10/4f37f6adef15d5aeb15120d83ef34ecc73aae0ae274552e2062ef1d8f0b76073a3baa2fe4f7354da94e6c51920f5cc44d7a6c00cc54f80b8eff49353356e132a
-  languageName: node
-  linkType: hard
-
 "rc@npm:^1.2.7":
   version: 1.2.8
   resolution: "rc@npm:1.2.8"
@@ -14223,13 +14124,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:^18.2.0":
-  version: 18.2.0
-  resolution: "react-is@npm:18.2.0"
-  checksum: 10/200cd65bf2e0be7ba6055f647091b725a45dd2a6abef03bf2380ce701fd5edccee40b49b9d15edab7ac08a762bf83cb4081e31ec2673a5bfb549a36ba21570df
-  languageName: node
-  linkType: hard
-
 "react-redux@npm:^9.1.2":
   version: 9.1.2
   resolution: "react-redux@npm:9.1.2"
@@ -14569,13 +14463,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resize-observer-polyfill@npm:^1.5.1":
-  version: 1.5.1
-  resolution: "resize-observer-polyfill@npm:1.5.1"
-  checksum: 10/e10ee50cd6cf558001de5c6fb03fee15debd011c2f694564b71f81742eef03fb30d6c2596d1d5bf946d9991cb692fcef529b7bd2e4057041377ecc9636c753ce
-  languageName: node
-  linkType: hard
-
 "resolve-alpn@npm:^1.0.0":
   version: 1.2.1
   resolution: "resolve-alpn@npm:1.2.1"