From c5049a689d2587a264d30417db0b502950fb6228 Mon Sep 17 00:00:00 2001
From: verena <9377970+vpchung@users.noreply.github.com>
Date: Wed, 1 Nov 2023 23:54:39 +0000
Subject: [PATCH 1/2] remove license info from footer

---
 libs/openchallenges/ui/src/lib/footer/footer.component.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/libs/openchallenges/ui/src/lib/footer/footer.component.html b/libs/openchallenges/ui/src/lib/footer/footer.component.html
index 80b8125131..16a01608b0 100644
--- a/libs/openchallenges/ui/src/lib/footer/footer.component.html
+++ b/libs/openchallenges/ui/src/lib/footer/footer.component.html
@@ -31,8 +31,6 @@
       <ul>
         <li>App version: {{ appVersion }}</li>
         <li>Data updated on: {{ dataUpdatedOn }}</li>
-        <li>Code licensed under Apache License 2.0</li>
-        <li>Documentation licensed under CC-BY 4.0</li>
       </ul>
     </div>
   </div>

From 94ec5ea12c1ce920e97d4c05b1b2b68811f6876a Mon Sep 17 00:00:00 2001
From: verena <9377970+vpchung@users.noreply.github.com>
Date: Wed, 1 Nov 2023 23:55:16 +0000
Subject: [PATCH 2/2] add sage logo

---
 .../ui/src/lib/footer/footer.component.html   |  9 ++++++---
 .../ui/src/lib/footer/footer.component.scss   |  2 +-
 .../ui/src/lib/footer/footer.component.ts     | 19 +++++++++++++++++--
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/libs/openchallenges/ui/src/lib/footer/footer.component.html b/libs/openchallenges/ui/src/lib/footer/footer.component.html
index 16a01608b0..8bcbb4fce2 100644
--- a/libs/openchallenges/ui/src/lib/footer/footer.component.html
+++ b/libs/openchallenges/ui/src/lib/footer/footer.component.html
@@ -10,14 +10,16 @@
         <li><a href="/about">About</a></li>
         <li><a href="/team">Meet Our Team</a></li>
         <li>
-          <a 
+          <a
             [href]="apiDocsUrl"
             title="Interactive documentation for OC API"
             rel="noopener noreferrer"
             target="_blank"
-            >API Docs</a></li>
+            >API Docs</a
+          >
+        </li>
         <li>
-          <a 
+          <a
             href="https://github.com/Sage-Bionetworks/sage-monorepo/issues/new/choose"
             title="Share feedback about the OC app"
             rel="noopener noreferrer"
@@ -29,6 +31,7 @@
     </div>
     <div class="col-4 app-info">
       <ul>
+        <li><img height="55px" [src]="(sageLogo$ | async)?.url" alt="Sage Bionetworks"/></li>
         <li>App version: {{ appVersion }}</li>
         <li>Data updated on: {{ dataUpdatedOn }}</li>
       </ul>
diff --git a/libs/openchallenges/ui/src/lib/footer/footer.component.scss b/libs/openchallenges/ui/src/lib/footer/footer.component.scss
index abe66a1e40..8450fdac88 100644
--- a/libs/openchallenges/ui/src/lib/footer/footer.component.scss
+++ b/libs/openchallenges/ui/src/lib/footer/footer.component.scss
@@ -53,7 +53,7 @@ footer {
 
 @media only screen and (max-width: constants.$md-breakpoint) {
   footer {
-    height: 370px;
+    height: 410px;
   }
   .about-oc,
   .app-info,
diff --git a/libs/openchallenges/ui/src/lib/footer/footer.component.ts b/libs/openchallenges/ui/src/lib/footer/footer.component.ts
index 9f187eecfa..67db1079f3 100644
--- a/libs/openchallenges/ui/src/lib/footer/footer.component.ts
+++ b/libs/openchallenges/ui/src/lib/footer/footer.component.ts
@@ -1,5 +1,10 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import {
+  Image,
+  ImageService,
+} from '@sagebionetworks/openchallenges/api-client-angular';
+import { Observable } from 'rxjs';
 
 @Component({
   selector: 'openchallenges-footer',
@@ -8,10 +13,20 @@ import { CommonModule } from '@angular/common';
   templateUrl: './footer.component.html',
   styleUrls: ['./footer.component.scss'],
 })
-export class FooterComponent {
+export class FooterComponent implements OnInit {
+  public sageLogo$: Observable<Image> | undefined;
+
   @Input({ required: true }) appVersion = '';
   @Input({ required: true }) dataUpdatedOn = '';
   @Input({ required: true }) privacyPolicyUrl = '';
   @Input({ required: true }) termsOfUseUrl = '';
   @Input({ required: true }) apiDocsUrl = '';
+
+  constructor(private imageService: ImageService) {}
+
+  ngOnInit() {
+    this.sageLogo$ = this.imageService.getImage({
+      objectKey: 'logo/sage-bionetworks-alt-white.svg',
+    });
+  }
 }