Clean up active and updated_at fields

app/assets/javascripts/integrations/index/components/integrations_table.vue

 <script>
-import { GlTable } from '@gitlab/ui';
+import { GlIcon, GlLink, GlTable } from '@gitlab/ui';
+import TimeAgoTooltip from '~/vue_shared/components/time_ago_tooltip.vue';
 
 export default {
   components: {
+    GlIcon,
+    GlLink,
     GlTable,
+    TimeAgoTooltip,
   },
   props: {
     integrations: {
@@ -33,6 +37,17 @@ export default {
 </script>
 
 <template>
-  <gl-table :items="integrations" :fields="$options.fields" />
-  <!-- </gl-table> -->
+  <gl-table :items="integrations" :fields="$options.fields">
+    <template #cell(active)="{ item }">
+      <gl-icon v-if="item.active" name="check" class="gl-text-green-500" />
+    </template>
+
+    <template #cell(name)="{ item }">
+      <gl-link :href="item.edit_path" class="gl-font-weight-bold">{{ item.name }}</gl-link>
+    </template>
+
+    <template #cell(updated_at)="{ item }">
+      <time-ago-tooltip v-if="item.updated_at" :time="item.updated_at" />
+    </template>
+  </gl-table>
 </template>

app/helpers/services_helper.rb

@@ -167,7 +167,8 @@ module ServicesHelper
       active: integration.activated?,
       name: integration.title,
       description: integration.description,
-      updated_at: integration.updated_at
+      updated_at: integration.updated_at,
+      edit_path: scoped_edit_integration_path(integration)
     }
   end
 end