From 785ba53a86372e81cdd16629278f1c2c584ae2e2 Mon Sep 17 00:00:00 2001
From: Samruddhi <staware@adobe.com>
Date: Tue, 6 Feb 2024 18:26:20 -0800
Subject: [PATCH] Updated Data and Added Date/Time to Insights Page

---
 blocks/gmo-metrics/gmo-metrics.css | 12 ++++++++++++
 blocks/gmo-metrics/gmo-metrics.js  |  5 ++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/blocks/gmo-metrics/gmo-metrics.css b/blocks/gmo-metrics/gmo-metrics.css
index c5b7317b..58cd0d05 100644
--- a/blocks/gmo-metrics/gmo-metrics.css
+++ b/blocks/gmo-metrics/gmo-metrics.css
@@ -12,6 +12,17 @@
   content: '';
 }
 
+.gmo-metrics .title {
+  display: flex; 
+  justify-content: space-between;
+}
+
+.gmo-metrics .updated-data {
+  font-size: 16px;
+  color: var(--assets-browser-text-color);
+  font-weight: normal;
+}
+
 .gmo-metrics .graph-container {
   display: flex;
   flex-flow: row wrap;
@@ -100,4 +111,5 @@
     align-items: center;
     justify-content: center;
   }
+
 }
diff --git a/blocks/gmo-metrics/gmo-metrics.js b/blocks/gmo-metrics/gmo-metrics.js
index c35504ac..b01f0f1c 100644
--- a/blocks/gmo-metrics/gmo-metrics.js
+++ b/blocks/gmo-metrics/gmo-metrics.js
@@ -323,7 +323,10 @@ function sortByAmount(values) {
 export default async function decorate(block) {
   const config = readBlockConfig(block);
   block.innerHTML = `
-    <h1>${config.title || 'Asset Metrics'}</h1>
+    <div class="title">
+      <h1>${config.title || 'Asset Metrics'}</h1>
+      <h1 class="updated-data">Updated: ${config.updated}</h1>
+    </div>
     <div class="graph-container">
       <div>
         <h2>Asset Statistics</h2>