From 4ee703325af4c9cc54f14514b5071d428dd7ea21 Mon Sep 17 00:00:00 2001
From: nymkappa <1612910616@pm.me>
Date: Thu, 3 Aug 2023 16:12:59 +0900
Subject: [PATCH] [footer] polish cta using update footer with logo

---
 .../global-footer/global-footer.component.html      | 13 +++++--------
 .../global-footer/global-footer.component.scss      |  8 ++------
 2 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/frontend/src/app/shared/components/global-footer/global-footer.component.html b/frontend/src/app/shared/components/global-footer/global-footer.component.html
index 7dc98ca27..d4f303221 100644
--- a/frontend/src/app/shared/components/global-footer/global-footer.component.html
+++ b/frontend/src/app/shared/components/global-footer/global-footer.component.html
@@ -1,7 +1,7 @@
 <footer>
     <div class="container-fluid">
     <div class="row main">
-      <div class="offset-lg-1 col-lg-4 col align-self-center branding">
+      <div class="offset-lg-1 col-lg-4 col align-self-center branding mt-2">
         <div class="main-logo">
           <app-svg-images *ngIf="officialMempoolSpace" name="officialMempoolSpace" viewBox="0 0 500 126"></app-svg-images>
           <app-svg-images *ngIf="!officialMempoolSpace" name="mempoolSpace" viewBox="0 0 500 126"></app-svg-images>
@@ -17,14 +17,11 @@
           <app-rate-unit-selector></app-rate-unit-selector>
         </div>
         <div *ngIf="officialMempoolSpace && stateService.env.ACCELERATOR" class="cta">
-          <div *ngIf="loggedIn" class="mb-1"><small>Logged in<span *ngIf="username"> as {{ username}}</span></small></div>
-          <a *ngIf="loggedIn" class="btn btn-purple sponsor" [routerLink]="['/login' | relativeUrl]">My account</a>
-          <a *ngIf="!loggedIn" class="btn btn-purple sponsor" [routerLink]="['/accelerator' | relativeUrl]">Mempool Accelerator™</a>
+          <a class="btn btn-purple sponsor" [routerLink]="['/login' | relativeUrl]">
+            <span *ngIf="loggedIn" i18n="shared.my-account">My Account</span>
+            <span *ngIf="!loggedIn" i18n="shared.sign-in">Sign In / Sign Up</span>
+          </a>
         </div>
-        <p *ngIf="!loggedIn && env.BASE_MODULE === 'mempool'" class="cta-secondary"><a [routerLink]="['/login' | relativeUrl]">Sign In</a></p>
-        <p class="cta-secondary"><a [routerLink]="['/tx/push' | relativeUrl]" i18n="shared.broadcast-transaction|Broadcast Transaction">Broadcast Transaction</a></p>
-        <p *ngIf="officialMempoolSpace && env.LIGHTNING" class="cta-secondary"><a [routerLink]="['/lightning/group/the-mempool-open-source-project' | relativeUrl]" i18n="footer.connect-to-our-nodes">Connect to our Nodes</a></p>
-        <p><a [routerLink]="['/about' | relativeUrl]">About The Mempool Open Source Project™</a></p>
       </div>
       <div class="col-lg-6 col-md-10 offset-md-1 links outer">
         <div class="row">
diff --git a/frontend/src/app/shared/components/global-footer/global-footer.component.scss b/frontend/src/app/shared/components/global-footer/global-footer.component.scss
index 387a27ffc..6b67711b6 100644
--- a/frontend/src/app/shared/components/global-footer/global-footer.component.scss
+++ b/frontend/src/app/shared/components/global-footer/global-footer.component.scss
@@ -22,7 +22,7 @@ footer .row.main .branding {
 }
 
 footer .row.main .branding > p {
-  margin-bottom: 45px;
+  margin-bottom: 25px;
 }
 
 footer .row.main .branding .btn {
@@ -35,11 +35,7 @@ footer .row.main .branding button.account {
 }
 
 footer .row.main .branding .cta {
-  margin: 20px auto 25px auto;
-}
-
-footer .row.main .branding .cta-secondary {
-
+  margin: 25px auto 25px auto;
 }
 
 footer .row.main .links.outer {