Show crate last updated at on search results

Author: jtescher

app/styles/crate.scss

@@ -155,6 +155,15 @@
         @include display-flex;
         @include align-items(center);
     }
+    .updated-at {
+        padding-top: 5px;
+        @include display-flex;
+        @include align-items(center);
+
+        svg {
+            padding: 10px;
+        }
+    }
 
     .rev-dep-downloads {padding-left: 7px}
 }

app/templates/components/crate-row.hbs

@@ -21,6 +21,12 @@
     {{svg-jar "download"}}
     <span class='num'><abbr title="Downloads in the last 90 days">Recent:</abbr> {{ format-num crate.recent_downloads }}</span>
   </div>
+  <div class="updated-at" >
+    {{svg-jar "latest-updates" height="32" width="32"}}
+    <time title="Last updated: {{ crate.updated_at }}" datetime="{{ moment-format crate.updated_at 'YYYY-MM-DDTHH:mm:ssZ' }}" data-test-updated-at>
+      {{ moment-from-now crate.updated_at }}
+    </time>
+  </div>
 </div>
 <div class="quick-links">
   <ul>

tests/acceptance/search-test.js

@@ -45,6 +45,7 @@ module('Acceptance | search', function(hooks) {
       .hasText('A Kinetic protocol library written in Rust');
     assert.dom('[data-test-crate-row="0"] [data-test-downloads]').hasText('All-Time: 225');
     assert.dom('[data-test-crate-row="0"] [data-test-badge="maintenance"]').exists();
+    assert.dom('[data-test-crate-row="0"] [data-test-updated-at]').exists();
   });
 
   test('searching for "rust" from query', async function(assert) {