fix advanced chart

Author: Tarnadas

app/components/AdvancedChart.tsx

@@ -1,17 +1,16 @@
-import { TradingView } from '@orderly.network/trading-view';
+import { TradingviewWidget } from '@orderly.network/ui-tradingview';
 import { FC } from 'react';
 
-import { Spinner } from './Spinner';
+import '@orderly.network/ui/dist/styles.css';
 
 export const AdvancedChart: FC<{ symbol: string }> = ({ symbol }) => {
   return (
-    <div className="w-full min-h-[35rem] [&_iframe]:min-h-[35rem]">
-      <TradingView
+    <div className="w-full h-0 min-h-[35rem] [&_iframe]:min-h-[30rem]">
+      <TradingviewWidget
         symbol={symbol}
-        libraryPath={`${import.meta.env.VITE_BASE}/tradingview/charting_library/bundles`}
-        tradingViewScriptSrc={`${import.meta.env.VITE_BASE}/tradingview/charting_library/charting_library.js`}
-        tradingViewCustomCssUrl={`${import.meta.env.VITE_BASE}/tradingview/chart.css`}
-        loadingElement={<Spinner size="2rem" className="mt-[12rem]" />}
+        libraryPath={`${import.meta.env.VITE_BASE ? `${import.meta.env.VITE_BASE}/` : ''}tradingview/charting_library/bundles`}
+        scriptSRC={`${import.meta.env.VITE_BASE ? `${import.meta.env.VITE_BASE}/` : ''}tradingview/charting_library/charting_library.js`}
+        customCssUrl={`${import.meta.env.VITE_BASE ? `${import.meta.env.VITE_BASE}/` : ''}tradingview/chart.css`}
         overrides={{
           'mainSeriesProperties.candleStyle.borderDownColor': '#DC2140',
           'mainSeriesProperties.candleStyle.borderUpColor': '#1F8040',

app/components/NavBar.tsx

@@ -14,7 +14,7 @@ export const NavBar: FC = () => {
 
   return (
     <nav className="w-full flex flex-self-stretch gap-sm flex-justify-end align-center">
-      <h2 className="flex-auto m0">
+      <h2 className="flex-auto m0 font-size-6 font-bold">
         <Link to="/" className="color-unset">
           Orderly DEX
         </Link>

app/global.css

@@ -17,6 +17,11 @@
   margin: 0;
 }
 
+html,
+body {
+  background-color: unset !important;
+}
+
 a {
   text-decoration: none;
 }

package.json

@@ -27,7 +27,7 @@
     "@orderly.network/default-solana-adapter": "2.0.1-alpha.4",
     "@orderly.network/hooks": "2.0.1-alpha.4",
     "@orderly.network/perp": "4.0.1-alpha.3",
-    "@orderly.network/trading-view": "2.0.1-alpha.3",
+    "@orderly.network/trading": "2.0.1-alpha.4",
     "@orderly.network/types": "2.0.1-alpha.4",
     "@orderly.network/web3-provider-ethers": "2.0.1-alpha.4",
     "@radix-ui/react-icons": "^1.3.0",