fix: resolve problem 2 from CHAIN-408 (#6)

* resolve problem 2 from CHAIN-408

* add TODO for business

* return delegator address as well

* bump version

* upd pnpmlock as well

.example.env

@@ -0,0 +1,3 @@
+# If you want to add local network to access local chain and indexer, configured at
+#  src/constants/config.ts.
+VITE_ADD_LOCAL_NETWORK=true

.gitignore

@@ -1,3 +1,5 @@
+.env
+
 # Logs
 logs
 *.log

package.json

@@ -14,7 +14,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@fluencelabs/deal-aurora": "npm:@fluencelabs/deal-ts-clients@0.7.3",
+    "@fluencelabs/deal-aurora": "npm:@fluencelabs/deal-ts-clients@0.8.0",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-aspect-ratio": "^1.0.3",
     "@radix-ui/react-checkbox": "^1.0.4",

src/components/RightMenu.tsx

@@ -8,6 +8,7 @@ import { MainnetIcon, TestnetIcon } from '../assets/icons'
 import { ArrowIcon } from '../assets/icons'
 
 import { colors } from '../constants/colors'
+import { ADD_LOCAL_NETWORK } from '../constants/config.ts'
 import { useAppStore } from '../store'
 
 import { Button } from './Button'
@@ -32,6 +33,14 @@ const items: SelectItem<ContractsENV>[] = [
   // },
 ]
 
+if (ADD_LOCAL_NETWORK) {
+  items.push({
+    label: 'Local',
+    value: 'local',
+    icon: <TestnetIcon />,
+  })
+}
+
 export const RightMenu: React.FC = () => {
   const network = useAppStore((s) => s.network)
   const setNetwork = useAppStore((s) => s.setNetwork)

src/constants/config.ts

@@ -4,31 +4,26 @@ import { jsonRpcProvider } from 'wagmi/providers/jsonRpc'
 
 import { type ChainId, RPC, SUPPORTED_CHAINS } from '.'
 
-export const SUBGRAPH_URL: Record<ContractsENV, string> = {
-  testnet:
-    'https://api.thegraph.com/subgraphs/name/alcibiadescleinias/fluence-deal-contracts',
-  stage:
-    'https://api.thegraph.com/subgraphs/name/alcibiadescleinias/fluence-deal-contracts',
-  kras: 'https://api.thegraph.com/subgraphs/name/alcibiadescleinias/fluence-deal-contracts',
-  local:
-    'https://api.thegraph.com/subgraphs/name/alcibiadescleinias/fluence-deal-contracts',
-}
+export const ADD_LOCAL_NETWORK = ['true', 'True', 1, '1'].includes(
+  import.meta.env.VITE_ADD_LOCAL_NETWORK,
+)
 
 export const RPC_URL: Record<ContractsENV, string> = {
   dar: 'https://ipc-dar.fluence.dev/',
   stage: 'https://ipc-stage.fluence.dev/',
-  kras: 'https://rpc.ankr.com/polygon_mumbai',
-  local: 'https://rpc.ankr.com/polygon_mumbai',
+  kras: 'https://rpc.ankr.com/polygon_mumbai/',
+  local: 'http://0.0.0.0:8545/',
 }
 
 export const BLOCKSCOUT_URL: Record<ContractsENV, string> = {
-  dar: 'https://blockscout-dar.fluence.dev',
+  dar: 'https://blockscout-dar.fluence.dev/',
   stage: 'https://blockscout-stage.fluence.dev/',
-  kras: 'https://blockscout-kras.fluence.dev',
+  kras: 'https://blockscout-kras.fluence.dev/',
   local: 'http://localhost:4000/',
 }
 
 const { publicClient, webSocketPublicClient } = configureChains(
+  // TODO: what is supported chains? it consists only of polygonMumbai for now.
   SUPPORTED_CHAINS,
   [
     jsonRpcProvider({

src/pages/capacity/CapacityInfo.tsx

@@ -219,7 +219,7 @@ export const CapacityInfo: React.FC = () => {
                 </Tooltip>
               </Row>
               <TextWithIcon>
-                NOT EXIST
+                {capacity.delegatorAddress}
                 <Copyable value={id} />
               </TextWithIcon>
             </Info>

src/pages/provider/ProviderDealsTable.tsx

@@ -180,10 +180,11 @@ const DealRow: React.FC<DealRowProps> = ({ deal }) => {
               </TokenBadge>
             </Cell>
             <Cell>
-              <Text size={12}>2</Text>
+              <Text size={12}>{deal.matchedWorkers}</Text>
             </Cell>
             <Cell>
-              <Text size={12}>2</Text>
+              {/* TODO: what active workers are actually means?*/}
+              <Text size={12}>{deal.registeredWorkers}</Text>
             </Cell>
             <Cell>
               <DealStatus status={deal.status} />