fix: bugs fix & update rpc's

.github/workflows/ipfs_deploy.yml

@@ -61,5 +61,5 @@ jobs:
               owner: context.repo.owner,
               repo: context.repo.repo,
               release_id: data.id,
-              body: data.body + `\n <hr> \n Ipfs deployment: [${{steps.pinata.outputs.hash}}](${{steps.pinata.outputs.uri}})`,
+              body: data.body + `\n <hr> \n Ipfs deployment:` + `${{steps.pinata.outputs.uri}}`,
             })

.nvmrc

@@ -1 +1 @@
-18
+20

README.md

@@ -15,7 +15,7 @@ React application to interact with the Aave Governance V3 smart contracts: visua
 
 ## Pre-requirements
 
-- [Node.js](https://nodejs.org/ru): version 18.17 or higher.
+- [Node.js](https://nodejs.org/ru): version 18 or higher.
 - [Git](https://git-scm.com/downloads): version 2.3.x or higher.
 - Package manager: we recommend [Yarn](https://yarnpkg.com/), version 1.x or higher.
 

src/proposals/components/proposal/Details.tsx

@@ -120,7 +120,7 @@ export function Details({
           </Box>
 
           <Box sx={{ display: 'flex', alignItems: 'center' }}>
-            <Box component="p">
+            <Box component="p" sx={{ wordBreak: 'break-word' }}>
               {(ensData[proposalCreator.toLocaleLowerCase() as Hex]
                 ?.name as Hex) || proposalCreator}
             </Box>

src/ui/components/NetworkIcon.tsx

@@ -1,4 +1,5 @@
 import { Box, SxProps } from '@mui/system';
+import { useState } from 'react';
 import { toHex } from 'viem';
 import {
   arbitrum,
@@ -73,8 +74,8 @@ export function NetworkIcon({
   css,
   withTooltip,
 }: NetworkIconProps) {
-  const networkIconName = getIconNetworkName(chainId);
-  const chain = chainInfoHelper.getChainParameters(chainId);
+  const [networkIconName] = useState(getIconNetworkName(chainId));
+  const [chain] = useState(chainInfoHelper.getChainParameters(chainId));
 
   return (
     <>
@@ -103,7 +104,7 @@ export function NetworkIcon({
             src={setRelativePath(
               `/images/networks/${networkIconName.toLowerCase()}.svg`,
             )}
-            alt={`${chainInfoHelper.getChainParameters(chainId).name} icon`}
+            alt={`${chain.name} icon`}
           />
         </Tooltip>
       ) : (
@@ -118,7 +119,7 @@ export function NetworkIcon({
           src={setRelativePath(
             `/images/networks/${networkIconName.toLowerCase()}.svg`,
           )}
-          alt={`${chainInfoHelper.getChainParameters(chainId).name} icon`}
+          alt={`${chain.name} icon`}
         />
       )}
     </>

src/utils/chains.ts

@@ -67,15 +67,21 @@ export const initialRpcUrls: Record<number, string[]> = {
     'https://metis.api.onfinality.io/public',
   ],
   [optimism.id]: [
+    process.env.NEXT_PUBLIC_RPC_OPTIMISM ||
+      'https://endpoints.omniatech.io/v1/arbitrum/one/public',
     'https://optimism.blockpi.network/v1/rpc/public',
     'https://optimism.llamarpc.com',
     'https://optimism.publicnode.com',
   ],
   [gnosis.id]: [
+    process.env.NEXT_PUBLIC_RPC_GNOSIS ||
+      'https://endpoints.omniatech.io/v1/arbitrum/one/public',
     'https://gnosis.blockpi.network/v1/rpc/public',
     'https://gnosis-mainnet.public.blastapi.io',
   ],
   [scroll.id]: [
+    process.env.NEXT_PUBLIC_RPC_SCROLL ||
+      'https://endpoints.omniatech.io/v1/arbitrum/one/public',
     'https://scroll.blockpi.network/v1/rpc/public',
     'https://scroll-mainnet.public.blastapi.io',
   ],

src/utils/localStorage.ts

@@ -10,7 +10,7 @@ import { EnsDataItem } from '../web3/store/ensSlice';
 
 export enum LocalStorageKeys {
   EnsAddresses = 'EnsAddresses',
-  RpcUrls = 'URLsRPCs',
+  RpcUrls = 'UrlsRpcS',
   RepresentingAddresses = 'representingAddresses',
   GaslessVote = 'isGaslessVote',
   TermsAccept = 'termsAccept',