From c3ee44e7e0b0ae0c461083a84a294037a14ee894 Mon Sep 17 00:00:00 2001
From: Ameya Shenoy <shenoy.ameya@gmail.com>
Date: Sat, 13 Feb 2021 04:05:27 +0530
Subject: [PATCH] fix: frontend stock page

Signed-off-by: Ameya Shenoy <shenoy.ameya@gmail.com>
---
 TODO.org                        | 4 ++--
 frontend/src/views/BhavCopy.vue | 8 +++-----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/TODO.org b/TODO.org
index 56af80b..654a9a3 100644
--- a/TODO.org
+++ b/TODO.org
@@ -47,7 +47,7 @@
     - [ ] Optionally have a demo username and password for login
   - [ ] Documentation
 
-- [-] Frontend Vue [4/7]
+- [-] Frontend Vue [5/7]
   - [X] Landing Page
   - [X] Prettify Bhav Copy Page
   - [X] Renders a simple VueJS frontend with a search box that allows the stored entries to be searched by name and renders a table of results and optionally download the results as CSV. Make this page look nice
@@ -56,7 +56,7 @@
   - [X] Veutify raise alert on error or success
   - [ ] Handle login
   - [ ] On table bar per quantity in cell
-  - [ ] Red for stocks going down, green for up
+  - [X] Red for stocks going down, green for up
 
 - [X] Deploy [4/4]
   - [X] Docker
diff --git a/frontend/src/views/BhavCopy.vue b/frontend/src/views/BhavCopy.vue
index 99cdc72..e9ee5f2 100644
--- a/frontend/src/views/BhavCopy.vue
+++ b/frontend/src/views/BhavCopy.vue
@@ -97,15 +97,13 @@
         nextIcon: 'mdi-plus'
       }"
     >
-      <template v-slot:top>
-      </template>
       <template v-slot:item.diff_percent="{ item }">
-        <v-chip
+        <v-progress-linear
           :color="getColor(item)"
-          outlined
+          height="25"
         >
           {{ +parseFloat(( item.close_price - item.open_price ) * 100 / item.open_price).toFixed(2) }}
-        </v-chip>
+        </v-progress-linear>
       </template>
     </v-data-table>
   </div>