Add 2 selectors and an if condition inside createBloom

Author: HassanOHOsman

front-end/components/bloom.mjs

@@ -20,12 +20,20 @@ const createBloom = (template, bloom) => {
   const bloomRebloomCount = bloomFrag.querySelector("[data-rebloom-count]");
   const bloomRebloomLabel = bloomFrag.querySelector("[data-rebloom-label]");
   const rebloomButton = bloomFrag.querySelector("[data-action='rebloom']");
+  const rebloomInfo = bloomFrag.querySelector("[data-rebloom-info]");
+  const originalUsername = bloomFrag.querySelector("[data-original-username]");
 
   bloomArticle.setAttribute("data-bloom-id", bloom.id);
   bloomRebloomCount.textContent = bloom.rebloom_count ?? 0;
   bloomUsername.setAttribute("href", `/profile/${bloom.sender}`);
   bloomUsername.textContent = bloom.sender;
 
+  if (bloom.original_bloom_id) {
+    rebloomInfo.hidden = false;
+    originalUsername.textContent = bloom.original_sender;
+    originalUsername.setAttribute("href", `/bloom/${bloom.original_bloom_id}`);
+  }
+
   bloomTime.textContent = _formatTimestamp(bloom.sent_timestamp);
   bloomTimeLink.setAttribute("href", `/bloom/${bloom.id}`);