From 31e73e9b02fa25b6acc120a9d40957ccd950e212 Mon Sep 17 00:00:00 2001 From: alekseevaiana Date: Mon, 17 Jun 2024 11:35:47 -0700 Subject: [PATCH 1/7] add react loading skeleton --- package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/package.json b/package.json index e6660912..7fe03cd1 100644 --- a/package.json +++ b/package.json @@ -72,6 +72,7 @@ "react-feather": "^2.0.9", "react-helmet-async": "^1.0.7", "react-i18next": "^11.7.2", + "react-loading-skeleton": "^3.4.0", "react-number-format": "^5.2.2", "react-paginate": "^6.5.0", "react-router-dom": "^5.3.0", From c32f4f37e1165955f66be4e71c0d8bd86952069c Mon Sep 17 00:00:00 2001 From: alekseevaiana Date: Mon, 17 Jun 2024 12:06:42 -0700 Subject: [PATCH 2/7] basic skeleton --- src/App.tsx | 1 + src/containers/Earn/index.tsx | 4 +++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/App.tsx b/src/App.tsx index b90bc03b..c8ab45e6 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -31,6 +31,7 @@ import Bolts from './containers/Bolts' import { Fuul } from '@fuul/sdk' import EarnDetails from './containers/Earn/EarnDetails' import Marketplace from './containers/Marketplace' +import 'react-loading-skeleton/dist/skeleton.css' Sentry.init({ dsn: process.env.REACT_APP_SENTRY_DSN, diff --git a/src/containers/Earn/index.tsx b/src/containers/Earn/index.tsx index 326a2ce7..ba4aafeb 100644 --- a/src/containers/Earn/index.tsx +++ b/src/containers/Earn/index.tsx @@ -10,6 +10,7 @@ import { POOLS } from '~/utils' import PoolBlock from './PoolBlock' import { JSX } from 'react/jsx-runtime' import { PoolData } from '@opendollar/sdk' +import Skeleton from 'react-loading-skeleton' interface Cache { [key: string]: PoolData @@ -91,9 +92,10 @@ const Earn = () => { ) => ) ) : ( - + )} +