From 1fda0e854c770a5637ce7d2335a02b6fb1fa6b62 Mon Sep 17 00:00:00 2001
From: Bartosz Nowak <bartoszn337@gmail.com>
Date: Thu, 9 Nov 2023 12:55:23 +0100
Subject: [PATCH 1/2] file structure

---
 src/components/exchange/exchange.css.ts | 0
 src/components/exchange/exchange.tsx    | 5 +++++
 src/routes/exchange/[market]/index.tsx  | 1 +
 3 files changed, 6 insertions(+)
 create mode 100644 src/components/exchange/exchange.css.ts
 create mode 100644 src/components/exchange/exchange.tsx

diff --git a/src/components/exchange/exchange.css.ts b/src/components/exchange/exchange.css.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/exchange/exchange.tsx b/src/components/exchange/exchange.tsx
new file mode 100644
index 0000000..f927635
--- /dev/null
+++ b/src/components/exchange/exchange.tsx
@@ -0,0 +1,5 @@
+import { component$ } from "@builder.io/qwik";
+
+export const Orderbook = component$(() => {
+  return <div></div>;
+});
diff --git a/src/routes/exchange/[market]/index.tsx b/src/routes/exchange/[market]/index.tsx
index 523aaea..79e0cbe 100644
--- a/src/routes/exchange/[market]/index.tsx
+++ b/src/routes/exchange/[market]/index.tsx
@@ -81,6 +81,7 @@ export default component$(() => {
         {/* desktop */}
         <div class={headerDesktop}></div>
       </div>
+
       <div class={layout}>
         {/* mobile */}
         <div class={mobileLayout}>

From 5737c527f627472ca03ec66b82acf21a3088a404 Mon Sep 17 00:00:00 2001
From: Bartosz Nowak <bartoszn337@gmail.com>
Date: Thu, 9 Nov 2023 12:57:57 +0100
Subject: [PATCH 2/2] file structure

---
 .../exchange/{exchange.css.ts => orderbook.css.ts}           | 0
 src/components/exchange/{exchange.tsx => orderbook.tsx}      | 2 +-
 src/routes/exchange/[market]/index.tsx                       | 5 ++++-
 3 files changed, 5 insertions(+), 2 deletions(-)
 rename src/components/exchange/{exchange.css.ts => orderbook.css.ts} (100%)
 rename src/components/exchange/{exchange.tsx => orderbook.tsx} (75%)

diff --git a/src/components/exchange/exchange.css.ts b/src/components/exchange/orderbook.css.ts
similarity index 100%
rename from src/components/exchange/exchange.css.ts
rename to src/components/exchange/orderbook.css.ts
diff --git a/src/components/exchange/exchange.tsx b/src/components/exchange/orderbook.tsx
similarity index 75%
rename from src/components/exchange/exchange.tsx
rename to src/components/exchange/orderbook.tsx
index f927635..c5f9dc3 100644
--- a/src/components/exchange/exchange.tsx
+++ b/src/components/exchange/orderbook.tsx
@@ -1,5 +1,5 @@
 import { component$ } from "@builder.io/qwik";
 
 export const Orderbook = component$(() => {
-  return <div></div>;
+  return <div>orderbook</div>;
 });
diff --git a/src/routes/exchange/[market]/index.tsx b/src/routes/exchange/[market]/index.tsx
index 79e0cbe..08cfc73 100644
--- a/src/routes/exchange/[market]/index.tsx
+++ b/src/routes/exchange/[market]/index.tsx
@@ -23,6 +23,7 @@ import ChartSvg from "~/media/icons/dark_theme/chart.svg?jsx";
 import OrderbookSvg from "~/media/icons/dark_theme/orderbook.svg?jsx";
 import PositionsSvg from "~/media/icons/dark_theme/positions.svg?jsx";
 import TradesSvg from "~/media/icons/dark_theme/trades.svg?jsx";
+import { Orderbook } from "~/components/exchange/orderbook";
 
 export const onRequest: RequestHandler = ({ params, redirect, sharedMap }) => {
   try {
@@ -93,7 +94,9 @@ export default component$(() => {
           <div class={mainPosition}>
             <div class={chartOrderbook}>
               <div class={chart}></div>
-              <div class={orderbook}></div>
+              <div class={orderbook}>
+                <Orderbook />
+              </div>
             </div>
             <div class={position}></div>
           </div>