Format dollar amount

js/components/forms/requests_list.js

@@ -1,5 +1,6 @@
 import Modal from '../../mixins/modal'
 import LocalDatetime from '../../components/local_datetime'
+import { formatDollars } from '../../lib/dollars'
 
 export default {
     name: 'requests-list',
@@ -47,6 +48,7 @@ export default {
             request.name.toLowerCase().includes(query.toLowerCase()) :
             true
         )
-      }
+      },
+      dollars: (value) => formatDollars(value, false),
     },
   }

templates/requests/index.html

@@ -126,7 +126,7 @@
               <td><local-datetime :timestamp="r.last_edited_timestamp" format="M/D/YYYY"></td>
               <td>!{ r.full_name }</td>
             {% endif %}
-            <td>!{ r.annual_usage }</td>
+            <td>!{ dollars(r.annual_usage) }</td>
             <td>
               <a v-if="r.is_approved" class="icon-link icon-link--large" :href="r.workspace_link">
                 !{ r.status }