renaming the left-sidebar to market sidebar

Author: ahmadtaimoor-deriv

src/components/MarketSelector/MarketSelector.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { LeftSidebar } from "@/components/ui/left-sidebar"
+import { MarketSidebar } from "@/components/ui/market-sidebar"
 import { useMainLayoutStore } from "@/stores/mainLayoutStore"
 
 export const MarketSelector: React.FC = () => {
@@ -8,5 +8,5 @@ export const MarketSelector: React.FC = () => {
   // Only render when open to save memory
   if (!isOpen) return null
 
-  return <LeftSidebar />
+  return <MarketSidebar />
 }

src/components/ui/left-sidebar.tsx renamed to src/components/ui/market-sidebar.tsx

@@ -1,9 +1,9 @@
 import React from "react"
 import { cn } from "@/lib/utils"
 import { useMainLayoutStore } from "@/stores/mainLayoutStore"
-import { leftSidebarConfig } from "@/config/leftSidebarConfig"
+import { marketSidebarConfig } from "@/config/marketSidebarConfig"
 
-export const LeftSidebar: React.FC = () => {
+export const MarketSidebar: React.FC = () => {
   const { isOverlaySidebarOpen: isOpen, overlaySidebarKey: key, setOverlaySidebar } = useMainLayoutStore()
   const sidebarRef = React.useRef<HTMLDivElement>(null)
 
@@ -39,9 +39,9 @@ export const LeftSidebar: React.FC = () => {
     }
   }, [isOpen])
 
-  if (!isOpen || !key || !leftSidebarConfig[key]) return null
+  if (!isOpen || !key || !marketSidebarConfig[key]) return null
 
-  const { body } = leftSidebarConfig[key]
+  const { body } = marketSidebarConfig[key]
 
   return (
     <>

src/config/leftSidebarConfig.tsx renamed to src/config/marketSidebarConfig.tsx

@@ -1,14 +1,14 @@
 import { ReactNode } from 'react';
 import { MarketSelectorList } from '@/components/MarketSelector/MarketSelectorList';
 
-export interface LeftSidebarConfig {
+export interface MarketSidebarConfig {
   [key: string]: {
     body: ReactNode;
     title?: string;
   };
 }
 
-export const leftSidebarConfig: LeftSidebarConfig = {
+export const marketSidebarConfig: MarketSidebarConfig = {
   'market-list': {
     body: <MarketSelectorList />,
   },