feat: handle org header label

src/home/fetch-github/fetch-and-display-previews.ts

@@ -1,6 +1,7 @@
 import { GitHubIssue } from "../github-types";
 import { taskManager } from "../home";
 import { applyAvatarsToIssues, renderGitHubIssues } from "../rendering/render-github-issues";
+import { renderOrgHeaderLabel } from "../rendering/render-org-header";
 import { closeModal } from "../rendering/render-preview-modal";
 import { Sorting } from "../sorting/generate-sorting-buttons";
 import { sortIssuesController } from "../sorting/sort-issues-controller";
@@ -65,6 +66,8 @@ function filterIssuesByOrganization(issues: GitHubIssue[]): GitHubIssue[] {
     window.location.href = "/";
   }
 
+  renderOrgHeaderLabel(urlOrgName);
+
   return filteredIssues;
 }
 

src/home/rendering/render-org-header.ts

@@ -0,0 +1,30 @@
+import { organizationImageCache } from "../fetch-github/fetch-issues-full";
+
+export function renderOrgHeaderLabel(orgName: string): void {
+  const brandingDiv = document.getElementById("branding");
+  if (!brandingDiv) return;
+
+  // Fetch the organization logo from the cache
+  const logoBlob = organizationImageCache.get(orgName);
+
+  if (logoBlob) {
+    // Convert Blob to a URL
+    const logoUrl = URL.createObjectURL(logoBlob);
+
+    const img = document.createElement("img");
+    img.src = logoUrl;
+    img.alt = `${orgName} Logo`;
+    img.id = "logo";
+    img.style.width = "24.469px"; // same size as default SVG
+    img.style.height = "28px";
+    img.style.objectFit = "contain";
+
+    // Replace the existing SVG with the new image
+    const svgLogo = brandingDiv.querySelector("svg#logo");
+    if (svgLogo) brandingDiv.replaceChild(img, svgLogo);
+  }
+
+  // Update the organization name inside the span with class 'full'
+  const orgNameSpan = brandingDiv.querySelector("span.full");
+  if (orgNameSpan) orgNameSpan.textContent = `${orgName} | `;
+}