Migrate to space-pussy network

.env

@@ -1 +1 @@
-# CHAIN_ID = space-pussy
+CHAIN_ID = space-pussy

README.md

@@ -25,10 +25,9 @@ example of [random citizen](https://cyb.ai/pgraph/bostrom1d8754xqa9245pctlfcyv8e
 # build
 
 ```sh
-$ yarn install
-$ yarn start
+$ docker-compose up
 ```
-then pray that node.js will build something
+then pray that docker will build on [localhost:3000](http://localhost:3000/)
 
 # join
 

docker-compose.yml

@@ -6,17 +6,4 @@ services:
       target: build
     ports:
       - '3000:3000'
-    environment:
-      - NODE_OPTIONS=--max-old-space-size=8192
-      - CHAIN_ID=bostrom
-      - RPC_URL=https://rpc.bostrom.cybernode.ai
-      - LCD_URL=https://lcd.bostrom.cybernode.ai
-      - WEBSOCKET_URL=wss://rpc.bostrom.cybernode.ai/websocket
-      - INDEX_HTTPS=https://index.bostrom.cybernode.ai/v1/graphql
-      - INDEX_WEBSOCKET=wss://index.bostrom.cybernode.ai/v1/graphql
-      - CYBER_GATEWAY=https://gateway.bostrom.cybernode.ai
-      - BASE_DENOM=boot
-      - DENOM_LIQUID=hydrogen
-      - BECH32_PREFIX=bostrom
-
     command: npx serve -s build

src/components/IconsNumber/IconsNumber.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { formatNumber } from 'src/utils/utils';
 import getPrefixNumber from 'src/utils/getPrefixNumber';
 import cx from 'classnames';
-import hydrogen from '../../image/hydrogen.svg';
 import Tooltip from '../tooltip/tooltip';
+import hydrogen from '../../image/hydrogen.svg';
 import styles from './IconsNumber.module.scss';
 
 enum TypesEnum {

src/components/account/account.tsx

@@ -6,10 +6,10 @@ import { routes } from 'src/routes';
 import usePassportByAddress from 'src/features/passport/hooks/usePassportByAddress';
 import cx from 'classnames';
 import { BECH32_PREFIX_VALOPER } from 'src/constants/config';
+import useCurrentAddress from 'src/hooks/useCurrentAddress';
 import { trimString } from '../../utils/utils';
 import { AvataImgIpfs } from '../../containers/portal/components/avataIpfs';
 import styles from './account.module.scss';
-import useCurrentAddress from 'src/hooks/useCurrentAddress';
 import Tooltip from '../tooltip/tooltip';
 
 function useGetValidatorInfo(address: string) {

src/components/containerGradient/Display/Display.module.scss

@@ -1,11 +1,10 @@
-@import '../saber/index.module.scss';
-@import './variables.module.scss';
-@import '../../../style/mixins.scss';
+@import '../saber/index.module';
+@import './variables.module';
+@import '../../../style/mixins';
 
 .wrapper {
   // TODO: remove this
   z-index: 0;
-
   display: flex;
   flex-direction: column;
 
@@ -46,7 +45,6 @@
   .inner {
     padding: $display-padding-top $display-padding-x;
     overflow: auto;
-
     height: 100%;
     max-height: 100%;
 
@@ -69,6 +67,4 @@
       padding-bottom: unset;
     }
   }
-
-  @include blueScroll;
-}
+}

src/constants/config.ts

@@ -12,7 +12,7 @@ function isWorker() {
 const LOCALSTORAGE_CHAIN_ID = !isWorker() && localStorage.getItem('chainId');
 
 const DEFAULT_CHAIN_ID: Networks.BOSTROM | Networks.SPACE_PUSSY =
-  LOCALSTORAGE_CHAIN_ID || process.env.CHAIN_ID || Networks.BOSTROM;
+  LOCALSTORAGE_CHAIN_ID || process.env.CHAIN_ID || Networks.SPACE_PUSSY;
 
 export const CHAIN_ID = DEFAULT_CHAIN_ID;
 

src/constants/defaultNetworks.ts

@@ -1,7 +1,7 @@
 import { NetworkConfig, Networks } from 'src/types/networks';
 
 type NetworksList = {
-  [key in Networks.BOSTROM | Networks.SPACE_PUSSY]: NetworkConfig;
+  [key in Networks.SPACE_PUSSY | Networks.BOSTROM]: NetworkConfig;
 };
 
 const defaultNetworks: NetworksList = {

src/containers/Search/Filters/Filters.tsx

@@ -1,14 +1,15 @@
-import React, { useState } from 'react';
-import styles from './Filters.module.scss';
+import { useState } from 'react';
 import ButtonsGroup from 'src/components/buttons/ButtonsGroup/ButtonsGroup';
-import { LinksTypeFilter, SortBy } from '../types';
-import { initialContentTypeFilterState } from '../constants';
 import Links from 'src/components/search/Spark/Meta/Links/Links';
-import { Account, Tooltip } from 'src/components';
+import { Tooltip } from 'src/components';
 import { AccountInput } from 'src/pages/teleport/components/Inputs';
-import useCurrentAddress from 'src/hooks/useCurrentAddress';
+
 import { AvataImgIpfs } from 'src/containers/portal/components/avataIpfs';
+import useCurrentAddress from 'src/hooks/useCurrentAddress';
 import useCurrentPassport from 'src/features/passport/hooks/useCurrentPassport';
+import { initialContentTypeFilterState } from '../constants';
+import { LinksTypeFilter, SortBy } from '../types';
+import styles from './Filters.module.scss';
 
 enum NeuronFilterType {
   me = 'me',

src/containers/Validators/ActionBarContainer.tsx

@@ -419,12 +419,12 @@ function ActionBarContainer({
                 >
                   Investmint
                 </Button>
-                yor free H to get A and V
+                yor free LP to get A and V
               </Pane>
             )}
           {balanceToken[DENOM_LIQUID].liquid === 0 &&
             balance.available !== 0 &&
-            'Choose hero to get H'}
+            'Choose hero to get LP'}
           {validRewards && (
             <Pane marginLeft={15}>
               or

src/containers/Validators/components/InfoBalance.jsx

@@ -7,7 +7,7 @@ import { DENOM_LIQUID, BASE_DENOM } from 'src/constants/config';
 function TootipContent() {
   return (
     <div style={{ width: 200 }}>
-      you receive H form staked BOOT, you can use H for investmint A and V
+      you receive {DENOM_LIQUID} form staked {BASE_DENOM}, you can use {DENOM_LIQUID} for investmint A and V
     </div>
   );
 }

src/containers/application/App.tsx

@@ -17,6 +17,7 @@ import useSenseManager from 'src/features/sense/ui/useSenseManager';
 
 // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
 import { initCyblog } from 'src/utils/logging/bootstrap';
+
 import { setTimeHistoryRoute } from 'src/features/TimeHistory/redux/TimeHistory.redux';
 import { PreviousPageProvider } from 'src/contexts/previousPage';
 import { cybernetRoutes } from 'src/features/cybernet/ui/routes';

src/containers/application/Header/CurrentApp/utils/findSelectAppByUrl.ts

@@ -12,6 +12,7 @@ const findSelectAppByUrl = (
   let pathname = url;
   const isRobot = url.includes('@') || url.includes('neuron/');
   const isOracle = url.includes('oracle');
+  const isCyberver = url.includes('cyberver');
 
   const itemsMenuObj = reduceRobotSubItems(passport, address);
 
@@ -23,6 +24,10 @@ const findSelectAppByUrl = (
     pathname = routes.oracle.path;
   }
 
+  if (isCyberver) {
+    pathname = '/cyberver';
+  }
+
   const value = findApp(itemsMenuObj, pathname);
 
   return value;

src/containers/mint/index.tsx

@@ -98,7 +98,7 @@ function Mint() {
         )}
         <br />
         choose <ValueImg text="milliampere" /> or <ValueImg text="millivolt" />{' '}
-        to mint, the amount of <ValueImg text="hydrogen" /> to invest, and the
+        to mint, the amount of <ValueImg text={DENOM_LIQUID} /> to invest, and the
         timeframe
       </p>
     );

src/containers/portal/gift/ActionBarPortalGift.tsx

@@ -9,14 +9,15 @@ import { toAscii, toBase64 } from '@cosmjs/encoding';
 import { useSigningClient } from 'src/contexts/signerClient';
 import { getKeplr } from 'src/utils/keplrUtils';
 import useWaitForTransaction from 'src/hooks/useWaitForTransaction';
-import { useDispatch, useSelector } from 'react-redux';
+import { useDispatch } from 'react-redux';
 import { Citizenship } from 'src/types/citizenship';
-import { RootState } from 'src/redux/store';
 import { useBackend } from 'src/contexts/backend/backend';
 import { PATTERN_CYBER } from 'src/constants/patterns';
 import Soft3MessageFactory from 'src/services/soft.js/api/msgs';
 import BigNumber from 'bignumber.js';
 import { Nullable } from 'src/types';
+import useCurrentAddress from 'src/hooks/useCurrentAddress';
+import { CHAIN_ID } from 'src/constants/config';
 import {
   Dots,
   ButtonIcon,
@@ -47,8 +48,6 @@ import {
 } from '../../../features/passport/passports.redux';
 import { ClaimMsg } from './type';
 import { TxHash } from '../hook/usePingTxs';
-import useCurrentAddress from 'src/hooks/useCurrentAddress';
-import { CHAIN_ID } from 'src/constants/config';
 
 const gasPrice = GasPrice.fromString('0.001boot');
 

src/containers/sigma/hooks/utils.js

@@ -4,9 +4,15 @@ import BigNumber from 'bignumber.js';
 import { useQuery } from '@tanstack/react-query';
 import { getDelegatorDelegations } from 'src/utils/search/utils';
 import { BECH32_PREFIX_VALOPER, BASE_DENOM } from 'src/constants/config';
-import { useStake as useVerseStake } from 'src/features/cybernet/ui/hooks/useCurrentAccountStake';
-import { CYBERVER_CONTRACTS } from 'src/features/cybernet/constants';
-import { useQueryClient } from 'src/contexts/queryClient';
+import {
+  useStake as useVerseStake,
+  useStake as useVerseStake,
+} from 'src/features/cybernet/ui/hooks/useCurrentAccountStake';
+import {
+  CYBERVER_CONTRACTS,
+  CYBERVER_CONTRACTS,
+} from 'src/features/cybernet/constants';
+import { useQueryClient, useQueryClient } from 'src/contexts/queryClient';
 
 import { isPussyChain } from 'src/utils/chains/pussy';
 import { fromBech32 } from '../../../utils/utils';

src/containers/sigma/index.tsx

@@ -7,14 +7,14 @@ import TokenChange from 'src/components/TokenChange/TokenChange';
 import { routes } from 'src/routes';
 import Display from 'src/components/containerGradient/Display/Display';
 import { useAppSelector } from 'src/redux/hooks';
+import DisplayTitle from 'src/components/containerGradient/DisplayTitle/DisplayTitle';
+import useCurrentPassport from 'src/features/passport/hooks/useCurrentPassport';
+import useAdviserTexts from 'src/features/adviser/useAdviserTexts';
 import { SigmaContext } from './SigmaContext';
 
 import { CardPassport } from './components';
 import ActionBarPortalGift from '../portal/gift/ActionBarPortalGift';
 import STEP_INFO from '../portal/gift/utils';
-import DisplayTitle from 'src/components/containerGradient/DisplayTitle/DisplayTitle';
-import useCurrentPassport from 'src/features/passport/hooks/useCurrentPassport';
-import useAdviserTexts from 'src/features/adviser/useAdviserTexts';
 
 const valueContext = {
   totalCap: 0,

src/features/adviser/context.tsx

@@ -99,8 +99,6 @@ function AdviserProvider({ children }: { children: React.ReactNode }) {
   const priorityItem = [...state].reverse().find((item) => item.isPriority);
   const lastItem = priorityItem || state[state.length - 1];
 
-  // console.log(state);
-
   const { content, color } = lastItem || {};
 
   const value = useMemo(() => {

src/features/cybernet/ui/Cybernet.tsx

@@ -35,7 +35,7 @@ function Cybernet() {
           <div>
             <CybernetProvider>
               <Helmet>
-                <title>cybernet | cyb</title>
+                <title>cyberver | cyb</title>
               </Helmet>
 
               <MainContainer resetMaxWidth>

src/features/cybernet/ui/RootSubnetsTable/RootSubnetsTable.tsx

@@ -0,0 +1,74 @@
+import React, { useMemo } from 'react';
+import { SubnetInfo } from '../../types';
+import { createColumnHelper } from '@tanstack/react-table';
+import Table from 'src/components/Table/Table';
+import { Link, useNavigate } from 'react-router-dom';
+import { routes } from 'src/routes';
+import { Account } from 'src/components';
+
+type Props = {
+  data: SubnetInfo[];
+};
+
+const columnHelper = createColumnHelper<any>();
+
+function RootSubnetsTable({ data }: Props) {
+  const navigate = useNavigate();
+
+  return (
+    <div>
+      <Table
+        // onSelect={(row) => navigate(`./subnets/${row}`)}
+        columns={useMemo(
+          () => [
+            columnHelper.accessor('netuid', {
+              header: 'netuid',
+              cell: (info) => (
+                <Link to={'./' + info.getValue()}>{info.getValue()}</Link>
+              ),
+            }),
+            columnHelper.accessor('owner', {
+              header: 'owner',
+              cell: (info) => (
+                <Link to={routes.neuron.getLink(info.getValue())}>
+                  {/* // <Link to={'./delegators/' + info.getValue()}> */}
+                  <Account address={info.getValue()} />
+                  {/* {info.getValue().substr(0, 10) + '...'} */}
+                </Link>
+              ),
+            }),
+            // columnHelper.accessor('netuid', {
+            //   header: 'link',
+            //   cell: (info) => <Link to={'./' + info.getValue()}>link</Link>,
+            // }),
+
+            columnHelper.accessor('tempo', {
+              header: 'tempo',
+              cell: (info) => info.getValue(),
+            }),
+            columnHelper.accessor('metadata', {
+              header: 'metadata',
+              cell: (info) => (
+                <Link to={routes.oracle.ask.getLink(info.getValue())}>
+                  {info.getValue().substr(0, 10) + '...'}
+                </Link>
+              ),
+            }),
+            columnHelper.accessor('max_allowed_validators', {
+              header: 'Max validators',
+              cell: (info) => info.getValue(),
+            }),
+            columnHelper.accessor('max_allowed_uids', {
+              header: 'Max operators',
+              cell: (info) => info.getValue(),
+            }),
+          ],
+          []
+        )}
+        data={data}
+      />
+    </div>
+  );
+}
+
+export default RootSubnetsTable;

src/features/cybernet/ui/cybernet.context.tsx

@@ -83,10 +83,10 @@ function CybernetProvider({ children }: { children: React.ReactNode }) {
   const c1 = useCybernetContractWithData(CYBERVER_CONTRACTS[0]);
   const c2 = useCybernetContractWithData(CYBERVER_CONTRACTS[1]);
 
-  const c3 = useCybernetContractWithData(CYBERVER_CONTRACTS_LEGACY[0]);
-  const c4 = useCybernetContractWithData(CYBERVER_CONTRACTS_LEGACY[1]);
+  // const c3 = useCybernetContractWithData(CYBERVER_CONTRACTS_LEGACY[0]);
+  // const c4 = useCybernetContractWithData(CYBERVER_CONTRACTS_LEGACY[1]);
 
-  const contracts = useMemo(() => [c1, c2, c3, c4], [c1, c2, c3, c4]);
+  const contracts = useMemo(() => [c1, c2], [c1, c2]);
 
   const currentContract =
     nameOrAddress &&

src/features/cybernet/ui/pages/Delegates/Delegates.tsx

@@ -1,9 +1,9 @@
-import DelegatesTable from './DelegatesTable/DelegatesTable';
 import Display from 'src/components/containerGradient/Display/Display';
 import DisplayTitle from 'src/components/containerGradient/DisplayTitle/DisplayTitle';
 import useAdviserTexts from 'src/features/adviser/useAdviserTexts';
 import useCybernetTexts from '../../useCybernetTexts';
 import { useDelegates } from '../../hooks/useDelegate';
+import DelegatesTable from './DelegatesTable/DelegatesTable';
 
 function Delegates() {
   const { loading, error } = useDelegates();
@@ -13,7 +13,7 @@ function Delegates() {
   useAdviserTexts({
     isLoading: loading,
     loadingText: `loading ${getText('delegate', true)}`,
-    error,
+    error: error?.message,
     defaultText: `choose ${getText('delegate')} for learning`,
   });