From c637fe98bbdd6d58575f4e1cc24619ad247d87cf Mon Sep 17 00:00:00 2001
From: Rupato <rupato@deriv.com>
Date: Tue, 2 Jul 2024 14:00:28 +0800
Subject: [PATCH] fix: no strategy

---
 package.json                               |  2 +-
 src/pages/dashboard/dashboard-bot-list.tsx |  2 +-
 src/pages/dashboard/dashboard.scss         | 13 +++++++++++--
 src/pages/dashboard/dashboard.tsx          |  1 +
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 007a6957..57fdb871 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     },
     "scripts": {
         "start": "vite",
-        "start:dev": "vite-live-preview --reload --port=8443",
+        "start:dev": "vite-live-preview --reload --port=8444",
         "build": "vite build",
         "preview": "vite preview",
         "test:lint": "prettier --log-level silent --write . && eslint \"./src/**/*.?(js|jsx|ts|tsx)\"",
diff --git a/src/pages/dashboard/dashboard-bot-list.tsx b/src/pages/dashboard/dashboard-bot-list.tsx
index cd164f7c..5b081bfc 100644
--- a/src/pages/dashboard/dashboard-bot-list.tsx
+++ b/src/pages/dashboard/dashboard-bot-list.tsx
@@ -91,7 +91,7 @@ const DashboardBotList = observer(() => {
         }
     };
 
-    if (!dashboard_strategies) return null;
+    if (dashboard_strategies.length === 0) return null;
     return (
         <div className='dashboard__botlist'>
             <div className='dashboard__botlist__header'>Your Bots</div>
diff --git a/src/pages/dashboard/dashboard.scss b/src/pages/dashboard/dashboard.scss
index f096e8c2..87d3a0a3 100644
--- a/src/pages/dashboard/dashboard.scss
+++ b/src/pages/dashboard/dashboard.scss
@@ -35,7 +35,7 @@ $spacing-medium: 3rem;
 
         &__table {
             width: 100%;
-            height: 35rem;
+            height: 30rem;
             overflow: auto;
             display: block;
 
@@ -73,7 +73,7 @@ $spacing-medium: 3rem;
                 }
 
                 &__bot_name {
-                    width: 40%;
+                    width: 46%;
                 }
 
                 &__last_modified,
@@ -115,6 +115,15 @@ $spacing-medium: 3rem;
         }
     }
 
+    &__title {
+        font-size: 2rem;
+        font-weight: bold;
+
+        @include align-center;
+
+        margin-bottom: 3rem;
+    }
+
     &__description {
         font-size: 16px;
         font-weight: normal;
diff --git a/src/pages/dashboard/dashboard.tsx b/src/pages/dashboard/dashboard.tsx
index 8901a373..bf9c524b 100644
--- a/src/pages/dashboard/dashboard.tsx
+++ b/src/pages/dashboard/dashboard.tsx
@@ -21,6 +21,7 @@ const Dashboard = observer(() => {
                         User Guide
                     </button>
                 </div>
+                <div className='dashboard__title'>Load or build your bot</div>
                 <div className='dashboard__description'>
                     Import a bot from your computer or Google Drive, build it from scratch, or start with a quick
                     strategy.