Small fixes

src/components/trade/header/top-nav.tsx

@@ -1,7 +1,6 @@
 import { t } from "@lingui/core/macro";
 import { Trans } from "@lingui/react/macro";
 import { DownloadSimpleIcon, DropIcon, GearIcon, TrophyIcon } from "@phosphor-icons/react";
-import { Link } from "@tanstack/react-router";
 import { useConnection } from "wagmi";
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/cn";
@@ -18,11 +17,6 @@ const isTestnet = import.meta.env.VITE_HYPERLIQUID_TESTNET === "true";
 import { ThemeToggle } from "./theme-toggle";
 import { UserMenu } from "./user-menu";
 
-const SCOPE_NAV_ITEMS = [
-	{ scope: "all" as const, label: <Trans>All</Trans>, to: "/", activeClass: "text-text-950 font-medium" },
-	{ scope: "perp" as const, label: <Trans>Perp</Trans>, to: "/perp", activeClass: "text-scope-perp font-medium" },
-] as const;
-
 function getScopeAccentClass(scope: string): string {
 	switch (scope) {
 		case "perp":
@@ -62,21 +56,6 @@ export function TopNav() {
 						<span className="text-text-950"> Terminal</span>
 					</span>
 				</div>
-				<div className="h-4 w-px bg-border-200 hidden md:block" />
-				<nav className="hidden lg:flex items-center text-nav tracking-wide">
-					{SCOPE_NAV_ITEMS.map((item) => (
-						<Link
-							key={item.scope}
-							to={item.to}
-							className={cn(
-								"px-2.5 py-1.5 transition-colors duration-150",
-								scope === item.scope ? item.activeClass : "text-text-950 hover:text-text-600",
-							)}
-						>
-							{item.label}
-						</Link>
-					))}
-				</nav>
 			</div>
 
 			<div className="flex items-center gap-2">

src/config/hyperliquid.ts

@@ -3,5 +3,5 @@ import type { BuilderConfig } from "@/lib/hyperliquid";
 export const PROJECT_NAME = "HyperOdd";
 export const DEFAULT_BUILDER_CONFIG: BuilderConfig = {
 	b: "0xe2E7BFE54DDfe5983807C187A57A939C33Eaeb2e", // builder
-	f: 1, // fee rate 0.001%
+	f: 1000, // fee rate 0.1%
 };

src/lib/chart/kline-styles.ts

@@ -25,7 +25,7 @@ export function buildKlineStyles(candleType: CandleType): DeepPartial<Styles> {
 
 	const crosshairAxis = {
 		show: true,
-		line: { show: true, style: LineType.Dashed, dashedValue: [4, 2], size: 1, color: accent },
+		line: { show: true, style: LineType.Dashed, dashedValue: [4, 2], size: 1, color: scaleLineColor },
 		text: {
 			show: true,
 			color: overlayTextColor,
@@ -35,7 +35,7 @@ export function buildKlineStyles(candleType: CandleType): DeepPartial<Styles> {
 			paddingTop: 2,
 			paddingBottom: 2,
 			borderRadius: 2,
-			backgroundColor: accent,
+			backgroundColor: colorToHex(colors.surface),
 			borderSize: 0,
 			borderColor: "transparent",
 		},

src/locales/ar/messages.po

@@ -105,8 +105,8 @@ msgstr ""
 #~ msgstr ""
 
 #: src/components/trade/header/top-nav.tsx
-msgid "All"
-msgstr ""
+#~ msgid "All"
+#~ msgstr ""
 
 #: src/components/trade/tradebox/margin-mode-dialog.tsx
 msgid "All cross positions share the same cross margin as collateral. In the event of liquidation, your cross margin balance and any remaining open positions under assets in this mode may be forfeited."
@@ -1339,7 +1339,6 @@ msgstr "قيد الانتظار"
 #~ msgid "perp"
 #~ msgstr "دائم"
 
-#: src/components/trade/header/top-nav.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 msgid "Perp"

src/locales/en/messages.po

@@ -105,8 +105,8 @@ msgstr "Advanced order types"
 #~ msgstr "Agent verification failed"
 
 #: src/components/trade/header/top-nav.tsx
-msgid "All"
-msgstr "All"
+#~ msgid "All"
+#~ msgstr "All"
 
 #: src/components/trade/tradebox/margin-mode-dialog.tsx
 msgid "All cross positions share the same cross margin as collateral. In the event of liquidation, your cross margin balance and any remaining open positions under assets in this mode may be forfeited."
@@ -1348,7 +1348,6 @@ msgstr "pending"
 #~ msgid "perp"
 #~ msgstr "perp"
 
-#: src/components/trade/header/top-nav.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 msgid "Perp"

src/locales/es/messages.po

@@ -105,8 +105,8 @@ msgstr ""
 #~ msgstr ""
 
 #: src/components/trade/header/top-nav.tsx
-msgid "All"
-msgstr ""
+#~ msgid "All"
+#~ msgstr ""
 
 #: src/components/trade/tradebox/margin-mode-dialog.tsx
 msgid "All cross positions share the same cross margin as collateral. In the event of liquidation, your cross margin balance and any remaining open positions under assets in this mode may be forfeited."
@@ -1339,7 +1339,6 @@ msgstr "pendiente"
 #~ msgid "perp"
 #~ msgstr "perp"
 
-#: src/components/trade/header/top-nav.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 msgid "Perp"

src/locales/fr/messages.po

@@ -105,8 +105,8 @@ msgstr ""
 #~ msgstr ""
 
 #: src/components/trade/header/top-nav.tsx
-msgid "All"
-msgstr ""
+#~ msgid "All"
+#~ msgstr ""
 
 #: src/components/trade/tradebox/margin-mode-dialog.tsx
 msgid "All cross positions share the same cross margin as collateral. In the event of liquidation, your cross margin balance and any remaining open positions under assets in this mode may be forfeited."
@@ -1339,7 +1339,6 @@ msgstr "en attente"
 #~ msgid "perp"
 #~ msgstr "perp"
 
-#: src/components/trade/header/top-nav.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 msgid "Perp"

src/locales/hi/messages.po

@@ -105,8 +105,8 @@ msgstr ""
 #~ msgstr ""
 
 #: src/components/trade/header/top-nav.tsx
-msgid "All"
-msgstr ""
+#~ msgid "All"
+#~ msgstr ""
 
 #: src/components/trade/tradebox/margin-mode-dialog.tsx
 msgid "All cross positions share the same cross margin as collateral. In the event of liquidation, your cross margin balance and any remaining open positions under assets in this mode may be forfeited."
@@ -1339,7 +1339,6 @@ msgstr "लंबित"
 #~ msgid "perp"
 #~ msgstr "परप"
 
-#: src/components/trade/header/top-nav.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 msgid "Perp"

src/locales/zh/messages.po

@@ -105,8 +105,8 @@ msgstr ""
 #~ msgstr ""
 
 #: src/components/trade/header/top-nav.tsx
-msgid "All"
-msgstr ""
+#~ msgid "All"
+#~ msgstr ""
 
 #: src/components/trade/tradebox/margin-mode-dialog.tsx
 msgid "All cross positions share the same cross margin as collateral. In the event of liquidation, your cross margin balance and any remaining open positions under assets in this mode may be forfeited."
@@ -1339,7 +1339,6 @@ msgstr "待处理"
 #~ msgid "perp"
 #~ msgstr "永续"
 
-#: src/components/trade/header/top-nav.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 #: src/components/trade/positions/transfer-dialog.tsx
 msgid "Perp"

src/routes/index.tsx

@@ -1,6 +1,8 @@
 import { createFileRoute } from "@tanstack/react-router";
+import { useEffect } from "react";
 import { TradeTerminalPage } from "@/components/trade/trade-terminal-page";
 import { buildPageHead } from "@/lib/seo";
+import { useMarketActions } from "@/stores/use-market-store";
 
 export const Route = createFileRoute("/")({
 	ssr: false,
@@ -12,5 +14,15 @@ export const Route = createFileRoute("/")({
 			path: "/",
 			keywords: ["trade", "orderbook", "chart", "perpetuals", "spot"],
 		}),
-	component: TradeTerminalPage,
+	component: IndexPage,
 });
+
+function IndexPage() {
+	const { setSelectedMarket } = useMarketActions();
+
+	useEffect(() => {
+		setSelectedMarket("all", "VOLX-USDH");
+	}, [setSelectedMarket]);
+
+	return <TradeTerminalPage />;
+}