Merge pull request #28 from subsquid/develop

fix: link color & remove hover effect

.env.example

@@ -1,3 +1,3 @@
 WALLET_CONNECT_PROJECT_ID=b7b3d81af86feb2af54461f26b665ee4
-TESTNET_SQUID_API_URL=https://subsquid.squids.live/subsquid-network-testnet/v/v1/graphql
-MAINNET_SQUID_API_URL=https://subsquid.squids.live/subsquid-network-mainnet/v/v1/graphql
+TESTNET_SQUID_API_URL=https://subsquid.squids.live/subsquid-network-testnet/graphql
+MAINNET_SQUID_API_URL=https://subsquid.squids.live/subsquid-network-mainnet/graphql

src/components/PeerId/PeerId.tsx

@@ -13,5 +13,4 @@ export const PeerIdShort = styled(Box, {
   name: 'PeerIdShort',
 })(() => ({
   minWidth: 90,
-  opacity: 0.8,
 }));

src/pages/DashboardPage/Workers.tsx

@@ -141,7 +141,7 @@ export function Workers() {
               <TableBody>
                 {workers.map(worker => {
                   return (
-                    <TableRow className="hoverable" key={worker.peerId}>
+                    <TableRow key={worker.peerId}>
                       <TableCell>
                         <WorkerName
                           worker={worker}

src/pages/WorkersPage/WorkerVersion.tsx

@@ -1,17 +1,23 @@
-import { Box, Stack } from '@mui/material';
+import { Box, Stack, styled } from '@mui/material';
 import { satisfies } from 'semver';
 
 import { BlockchainApiWorker, useNetworkSettings } from '@api/subsquid-network-squid';
 import { WarningIcon } from '@icons/WarningIcon';
 
+export const WorkerVersionName = styled(Box, {
+  name: 'WorkerVersionName',
+})(() => ({
+  whiteSpace: 'nowrap',
+}));
+
 export const WorkerVersion = ({ worker }: { worker: Pick<BlockchainApiWorker, 'version'> }) => {
   const { minimalWorkerVersion, recommendedWorkerVersion } = useNetworkSettings();
 
   return (
     <>
       {worker.version ? (
         <Stack spacing={1} direction="row" alignItems="center">
-          <Box>{worker.version}</Box>
+          <WorkerVersionName>{worker.version}</WorkerVersionName>
           {!satisfies(worker.version, recommendedWorkerVersion) ? (
             !satisfies(worker.version, minimalWorkerVersion) ? (
               <WarningIcon color="error" />

src/pages/WorkersPage/WorkersPage.tsx

@@ -52,7 +52,7 @@ export function MyWorkers() {
             <TableBody>
               {data.map(worker => {
                 return (
-                  <TableRow className="hoverable" key={worker.peerId}>
+                  <TableRow key={worker.peerId}>
                     <TableCell>
                       <WorkerName worker={worker} to={`/workers/${worker.peerId}`} />
                     </TableCell>