Merge pull request #1456 from bancorprotocol/issue-#1448

[Trade] History Chart

README.md

@@ -268,6 +268,8 @@ The file `common.ts` with type [`AppConfig`](src/config/types.ts) contains impor
 - `tokenListOverride`: Token list override to be used in the app when fetching the token list. Tokens in the list will override any other token with the same address.
 - `tokenLists`: List of token lists including the uri and the parser name to be used to parse the token list. Please update the tokenParserMap in the `src/config/utils.ts` file to include the parser name and the parser function.
 - `sdk`/`cacheTTL`: When the app loads, it will ignore any cached data if it is older than the cacheTTL time in milliseconds. If set to 0, the app will always ignore the cache data and fetch new data on load.
+- `ui`
+  - `priceChart`: use `tradingView` chart or `native` chart for token pair price history. You need to provide a backend with price history endpoint to support `native` view.
 
 #### Gas token different than native token
 

src/components/activity/utils.ts

@@ -23,6 +23,9 @@ export interface ActivitySearchParams extends Partial<PaginationParams> {
   actions?: ActivityAction[];
   start?: Date;
   end?: Date;
+  // This is only for StrategyPageParams, but if I don't implement it here the build breaks
+  priceStart?: string;
+  priceEnd?: string;
 }
 export const activityActionName: Record<ActivityAction, string> = {
   create: 'Create',

src/components/common/CarbonLogoLoading.tsx

@@ -13,6 +13,7 @@ export const CarbonLogoLoading = ({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       className={className}
+      aria-label="Loading"
     >
       <path
         style={{

src/components/common/NotFound.tsx

@@ -26,7 +26,8 @@ export const NotFound: FC<Props> = ({
     <section
       className={cn(
         'gap-30 py-50 relative flex min-h-[500px] flex-col items-center justify-center px-20 text-center',
-        bordered && 'border-background-800 rounded border-2'
+        bordered && 'border-background-800 rounded border-2',
+        className
       )}
     >
       {showBackButton && (
@@ -38,14 +39,10 @@ export const NotFound: FC<Props> = ({
         </button>
       )}
       <div
-        className={cn(
-          'rounded-full p-20',
-          {
-            'bg-primary/20': variant === 'info',
-            'bg-error/20': variant === 'error',
-          },
-          className
-        )}
+        className={cn('rounded-full p-20', {
+          'bg-primary/20': variant === 'info',
+          'bg-error/20': variant === 'error',
+        })}
       >
         <IconSearch
           className={cn('size-32', {

src/components/simulator/input/SimInputChart.tsx

@@ -16,7 +16,7 @@ import {
   ChartPrices,
   D3ChartCandlesticks,
   OnPriceUpdates,
-} from 'components/simulator/input/d3Chart';
+} from 'components/strategies/common/d3Chart';
 import { useCompareTokenPrice } from 'libs/queries/extApi/tokenPrice';
 import { SimulatorType } from 'libs/routing/routes/sim';
 import { useCallback } from 'react';