update mew select and mew table

Author: Jessica Peng

src/components/MewSelect/MewSelect.vue

@@ -208,11 +208,11 @@
               }}</span></span>
           </div>
           <div class="d-flex justify-center flex-column align-end">
-            <span>${{ data.item.totalBalance || data.item.price }}</span>
+            <span>{{ data.item.priceSymbol || '$' }}{{ data.item.totalBalance || data.item.price }}</span>
             <span
               class="mew-caption font-weight-regular textSecondary--text"
               v-if="data.item.totalBalance"
-            >@ ${{ data.item.price }}</span>
+            >@ {{ data.item.priceSymbol || '$' }}{{ data.item.price }}</span>
           </div>
         </div>
       </div>

src/components/MewTable/MewTable.vue

@@ -70,7 +70,7 @@
             :src="item.tokenImg"
             :alt="item.token"
           >
-          <span>{{ item.token }}</span>
+          <span class="truncate">{{ item.token }}</span>
         </div>
       </template>
       <!--
@@ -282,6 +282,8 @@ export default {
   props: {
     /**
      * Applies skeleton loader 
+     * note: tableData has to be empty
+     * for the prop to work correctly
      */
     loading: {
       type: Boolean,

stories/MewTable/MewTable.mdx

@@ -12,7 +12,9 @@ The **hasColor** prop changes the tables background color to *superPrimary darke
 will add a checkbox to each row. The events **selectedAll** or **selectedRow** will be emitted with the item when
 the checkboxes are selected. There are different style customizations for the following values:
  toggle, txHash, token, change, balance, callToAction, and 
-address. All you have to do is pass the value and attribute to **tableHeaders** and **tableData**.
+address. All you have to do is pass the value and attribute to **tableHeaders** and **tableData**. If you would like to 
+utilize the skeleton loading state then you must pass the **loading** prop and you must pass an empty array
+to **tableData**.
 
 
 ## Props

stories/MewTable/MewTable.stories.js

@@ -192,7 +192,7 @@ export const MEWTable = () => ({
       :loading="loading"
       :has-color="hasColor"
       :has-select="hasSelect"
-      :table-data="hasSelect ? tableSelectData : tableData"
+      :table-data="loading ? [] : hasSelect ? tableSelectData : tableData"
       :table-headers="hasSelect ? tableSelectHeaders : tableHeaders"
       :no-data-text="noDataText"
       @selectedRow="onSelect"