Merge pull request #375 from lidofinance/feature/si-1459-show-sdk-lin…

…k-on-422-for-rewards

Support 422 error for rewards

features/rewards/components/errorBlocks/ErrorUnprocessable.tsx

@@ -0,0 +1,22 @@
+import Link from 'next/link';
+import { ErrorBlockBase } from './ErrorBlockBase';
+
+export const ErrorUnprocessable = () => (
+  <ErrorBlockBase
+    textProps={{ color: 'error' }}
+    text={
+      <>
+        This address has reached limit for parsed stETH transfers. Fetch rewards
+        directly from Lido Subgraph using{' '}
+        <Link
+          href={
+            'https://lidofinance.github.io/lido-ethereum-sdk/methods/rewards/#get-rewards-from-subgraph'
+          }
+        >
+          Rewards Module from Lido Ethereum SDK
+        </Link>
+        .
+      </>
+    }
+  />
+);

features/rewards/components/rewardsListContent/RewardsListErrorMessage.tsx

@@ -4,6 +4,7 @@ import { ErrorRateLimited } from '../errorBlocks/ErrorRateLimited';
 
 import { extractErrorMessage } from 'utils';
 import { FetcherError } from 'utils/fetcherError';
+import { ErrorUnprocessable } from '../errorBlocks/ErrorUnprocessable';
 
 type Props = {
   error: unknown;
@@ -20,5 +21,9 @@ export const RewardsListErrorMessage: React.FC<Props> = ({ error }) => {
     return <ErrorRateLimited />;
   }
 
+  if (error instanceof FetcherError && error.status === 422) {
+    return <ErrorUnprocessable />;
+  }
+
   return <ErrorBlockBase text={errorMessage} />;
 };

features/rewards/components/rewardsTable/RewardsTableCells/TypeCell.tsx

@@ -17,7 +17,7 @@ export const TypeCell: FC<RewardsTableCellProps> = (props) => {
       </OnlyMobileCellValueWrapper>
       <TypeCellValueWrapper>
         {capitalize(String(value))}{' '}
-        {data.direction && capitalize(data.direction)}{' '}
+        {value === 'transfer' && data.direction && capitalize(data.direction)}
         <IndexerLink transactionHash={data.transactionHash} />
       </TypeCellValueWrapper>
     </Td>