Merge branch 'main' into feat-ui/unconfirmed-transactions

Author: AnthonyMarin

src/components/layouts/main/sider/sidebarNavigation.tsx

@@ -20,8 +20,8 @@ export const useSidebarNavigation = (): SidebarNavigationItem[] => {
   return useMemo(() => {
     const items: SidebarNavigationItem[] = [
       {
-        title: 'common.nft-dashboard',
-        key: 'nft-dashboard',
+        title: 'common.relay-dashboard',
+        key: 'relay-dashboard',
         url: '/',
         icon: <NestIcon />,
       },

src/components/nft-dashboard/totalEarning/TotalEarning.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { NFTCard } from '@app/components/nft-dashboard/common/NFTCard/NFTCard';
+import { NFTCard } from '@app/components/relay-dashboard/common/NFTCard/NFTCard';
 import { TopUpBalanceButton } from './components/TopUpBalanceButton/TopUpBalanceButton';
 import { useAppSelector } from '@app/hooks/reduxHooks';
 import { formatNumberWithCommas, getCurrencyPrice } from '@app/utils/utils';
@@ -83,7 +83,7 @@ export const Balance: React.FC = () => {
 
 // import React, { useEffect, useState } from 'react';
 // import { useTranslation } from 'react-i18next';
-// import { NFTCard } from '@app/components/nft-dashboard/common/NFTCard/NFTCard';
+// import { NFTCard } from '@app/components/relay-dashboard/common/NFTCard/NFTCard';
 // import { TopUpBalanceButton } from './components/TopUpBalanceButton/TopUpBalanceButton';
 // import { useAppSelector } from '@app/hooks/reduxHooks';
 // import { formatNumberWithCommas, getCurrencyPrice } from '@app/utils/utils';

src/components/nft-dashboard/totalEarning/TotalEarningChart/TotalEarningChart.tsx

@@ -0,0 +1,21 @@
+import styled from 'styled-components';
+
+export const ResultScreenWrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1rem;
+`;
+export const ResultTextPass = styled.span`
+  color: green;
+  font-size: 2rem;
+`;
+export const ResultTextFail = styled.span`
+  color: red;
+  font-size: 2rem;
+`;
+export const ResultMessage = styled.span`
+  font-size: 1.5rem;
+  text-align: center;
+  padding: 1rem;
+`;