From 715b9f0299ef2e72f40dd15a2db9890ded5ebd98 Mon Sep 17 00:00:00 2001
From: Wilfred Asomani <devwilfredagyei@gmail.com>
Date: Mon, 22 May 2023 13:09:29 +0000
Subject: [PATCH] web/satellite: fix table cells styling

This fixes an issue where the "primary" class will be applied to the
wrong table cell. Also, truncation for long file names is fixed.

Change-Id: I6303f4b7d3a7a064f8dc79fac90b0bc2d5eb5024
---
 web/satellite/src/components/browser/FileEntry.vue | 2 +-
 web/satellite/src/components/common/TableItem.vue  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/satellite/src/components/browser/FileEntry.vue b/web/satellite/src/components/browser/FileEntry.vue
index f4413c884..18323b35d 100644
--- a/web/satellite/src/components/browser/FileEntry.vue
+++ b/web/satellite/src/components/browser/FileEntry.vue
@@ -8,7 +8,7 @@
         :selected="isFileSelected"
         :on-click="openModal"
         :on-primary-click="openModal"
-        :item="{'name': file.Key, 'size': size, 'date': uploadDate}"
+        :item="{'fileName': file.Key, 'size': size, 'date': uploadDate}"
         :item-type="fileType"
         @selectClicked="selectFile"
     >
diff --git a/web/satellite/src/components/common/TableItem.vue b/web/satellite/src/components/common/TableItem.vue
index 95438da05..1dfac9a92 100644
--- a/web/satellite/src/components/common/TableItem.vue
+++ b/web/satellite/src/components/common/TableItem.vue
@@ -21,8 +21,8 @@
                 <div v-if="icon && index === 0" class="item-icon file-background">
                     <component :is="icon" />
                 </div>
-                <p :class="{primary: ((!icon && index === 0) || (icon && index === 1))}" :title="val" @click.stop="(e) => cellContentClicked(index, e)">
-                    <middle-truncate v-if="(itemType?.toLowerCase() === 'file')" :text="val" />
+                <p :class="{primary: index === 0}" :title="val" @click.stop="(e) => cellContentClicked(index, e)">
+                    <middle-truncate v-if="keyVal === 'fileName'" :text="val" />
                     <project-ownership-tag v-else-if="keyVal === 'owner'" no-icon :is-owner="val" />
                     <span v-else>{{ val }}</span>
                 </p>