Updated TV Icon, improved padding

CHANGELOG.md

@@ -24,6 +24,8 @@
 - Improved overall chart formatting (highlighting, colors, bar width, etc.)
 - Adjusted tooltips and headers for better clarity.
 - Improved the Risk Monitor view for larger screens. Thanks @GD_NL.
+- Improved chart loading performance
+- Updating TradingView Icon
 
 ## Bugs
 - Fixed a few spelling mistakes across the app

src/app/App.global.scss

@@ -58,7 +58,7 @@
  .mainWindow{
      flex-grow: 1;
      background-color: var(--color-background);
-     padding: 3%;
+     padding: 3% 1% 1% 1%;
      overflow: auto;
      display: flex;
      flex-direction: column;

src/app/Components/Sidebar/Sidebar.tsx

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import './Sidebar.scss';
 
 
-import { ActiveDealsIcon, BackwardClock, BotPlannerIcon, Coffee, Cog, PieChart } from '@/app/Components/icons/Index';
+import { ActiveDealsIcon, TradingViewLogo, BotPlannerIcon, Coffee, Cog, PieChart } from '@/app/Components/icons/Index';
 import MenuBookIcon from '@mui/icons-material/MenuBook';
 import { SidebarNav, SidebarLink } from './Components';
 import { ProfileSwitcher } from '@/app/Features/Profiles/Components/Index'
@@ -24,7 +24,7 @@ class Sidebar extends Component {
                     <SidebarNav Icon={ActiveDealsIcon} name="Active Deals" link="/activeDeals" />
                     <SidebarNav Icon={PieChart} name="Stats" link="/stats" />
                     <SidebarNav Icon={BotPlannerIcon} name="Bot Planner" link="/botplanner" />
-                    <SidebarNav Icon={BackwardClock} name="Trading View" link="/backtesting" />
+                    <SidebarNav Icon={TradingViewLogo} name="Trading View" link="/backtesting" />
                 </div>
                 <div className="flex-column sidebar-column" style={{ justifyContent: 'flex-end' }}>
                     {/*  @ts-ignore */}

src/app/Components/icons/Index.ts

@@ -7,6 +7,7 @@ import PieChart from "./PieChart";
 import BackwardClock from './BackwardClock';
 import ActiveDealsIcon from "./ActiveDeals";
 import LoaderIcon from "./Loading/Loading";
+import TradingViewLogo from "./TradingViewLogo";
 
 export {
     BotPlannerIcon,
@@ -17,5 +18,6 @@ export {
     PieChart,
     BackwardClock,
     ActiveDealsIcon,
-    LoaderIcon
+    LoaderIcon,
+    TradingViewLogo
 }

src/app/Components/icons/TradingViewLogo.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+
+const TradingViewLogo = () => {
+
+    return (
+
+        <svg width="1024px" height="1024px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+            <circle cx="512" cy="512" r="512"/>
+            <path 
+                d="M734 465.54a96.89 96.89 0 0 1 17.05 50.86 79.72 79.72 0 0 1-26.47 154.88H326.13a105.89 105.89 0 0 1-74.77-30.76l169-133.81a44.38 44.38 0 0 0 39.7 1l80.58 70.5a44.27 44.27 0 1 0 83.42-2.78zm-25-25L599.09 550.37a44.44 44.44 0 0 0-35.09 1.17L483.46 481a44.27 44.27 0 1 0-85-2.09L230.64 611.75a106.25 106.25 0 0 1 96.57-153 141.69 141.69 0 0 1 276.7-21.73 97.51 97.51 0 0 1 105 3.45zm0 0"
+                fill="var(--color-primary)"
+            />
+        </svg>
+
+
+    )
+}
+
+export default TradingViewLogo;

src/app/Pages/BotPlanner/BotPlanner.tsx

@@ -125,7 +125,7 @@ const BotPlannerPage = () => {
             <div className="flex-row headerButtonsAndKPIs">
                 <Risk localBotData={localBotData}/>
 
-                <div className="flex-row headerButtons" style={{ justifyContent: "flex-end" }}>
+                <div className="flex-row headerButtons" style={{ justifyContent: "flex-end"}}>
                 <UpdateDataButton className="button-botPlanner updatebutton CtaButton" style={{ margin: '5px', height: '38px' }} disabled={true} />
 
                     <SaveButton

src/app/Pages/BotPlanner/DataTable.tsx

@@ -429,7 +429,7 @@ const DataTable = ({ localBotData, updateLocalBotData }: Type_DataTable) => {
 
   return (
 
-      <div className="boxData flex-column" style={{padding: '2em 2em 2em 2em', overflow: 'hidden'}}>      {/* <div className="dataTable"  > */}
+      <div className="boxData flex-column" style={{padding: '1em', overflow: 'hidden'}}>
         <Styles>
           <CustomTable
             columns={columns}