diff --git a/frontend/src/app/components/accelerate-preview/accelerate-fee-graph.component.scss b/frontend/src/app/components/accelerate-preview/accelerate-fee-graph.component.scss index cd48f42fa..919fdec4a 100644 --- a/frontend/src/app/components/accelerate-preview/accelerate-fee-graph.component.scss +++ b/frontend/src/app/components/accelerate-preview/accelerate-fee-graph.component.scss @@ -4,7 +4,6 @@ width: 120px; margin-left: 4em; margin-right: 1.5em; - padding-bottom: 63px; .column { width: 100%; diff --git a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html index 436dd138e..92dc8d0f8 100644 --- a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html +++ b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html @@ -32,56 +32,56 @@
You are currently on the waitlist
-
Your transaction
-
-
- - Plus {{ estimate.txSummary.ancestorCount - 1 }} unconfirmed ancestor(s) - - - - - - - - - - - - - - - - - - -
Virtual size
- Size in vbytes of this transaction (including unconfirmed ancestors) -
In-band fees - {{ estimate.txSummary.effectiveFee | number : '1.0-0' }} sats -
- Fees already paid by this transaction (including unconfirmed ancestors) -
+ +
Your transaction
+
+
+ + Plus {{ estimate.txSummary.ancestorCount - 1 }} unconfirmed ancestor(s) + + + + + + + + + + + + + + + + + + +
Virtual size
+ Size in vbytes of this transaction (including unconfirmed ancestors) +
In-band fees + {{ estimate.txSummary.effectiveFee | number : '1.0-0' }} sats +
+ Fees already paid by this transaction (including unconfirmed ancestors) +
+
-
-
+
+
How much faster?
- Your transaction will be prioritized by up to {{ etaInfo.hashratePercentage | number : '1.1-1' }}% of miners. - This will reduce your expected waiting time until the first confirmation to + Your transaction will be prioritized by up to {{ etaInfo.hashratePercentage | number : '1.1-1' }}% of miners. + This will reduce your expected waiting time until the first confirmation to
-
-
How much more are you willing to pay?
+
- Choose the maximum extra transaction fee you're willing to pay.
@@ -97,13 +97,13 @@
-
Acceleration summary
-
+
Summary
+
- + - - - - - - - - - - - - + + + + + + + + + + + @@ -153,13 +152,13 @@ - + - + - - - - + - - - - + - - - + - - - - - - - - - @@ -242,15 +229,6 @@
Next block market rate @@ -123,25 +123,24 @@
Mempool Acceleratorâ„¢ fees
- Accelerator Service Fee - - +{{ estimate.mempoolBaseFee | number }} - - sats - -
Mempool Acceleratorâ„¢ fees
+ Accelerator Service Fee + + +{{ estimate.mempoolBaseFee | number }} + + sats + +
Transaction Size Surcharge
- Estimated acceleration cost + Estimated acceleration cost ~{{ estimate.targetFeeRate | number : '1.0-0' }} sat/vB @@ -171,18 +170,13 @@
- -
- Maximum acceleration cost + Maximum acceleration cost @@ -192,20 +186,15 @@ sats - +
- -
Available balance {{ estimate.userBalance | number }} @@ -218,23 +207,21 @@
- Sign In -
- Accelerate on mempool.space + +
+ @if (isLoggedIn()) { + @if (user && estimate.hasAccess) { + + } + } @else if (stateService.isMempoolSpaceBuild) { + Sign In + } @else { + Accelerate on mempool.space + } +
- -
-
-
- -
-
-
-
@@ -258,6 +236,4 @@

-
- -If your tx is accelerated to ~{{ i | number : '1.0-0' }} sat/vB \ No newline at end of file + \ No newline at end of file diff --git a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss index 1191d882e..7194a4782 100644 --- a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss +++ b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss @@ -72,11 +72,17 @@ padding-top: 0.75rem; } } - &.group-last { + &.group-last, &:last-child { td { padding-bottom: 0.75rem; } } + &.dashed-top { + border-top: 1px dashed grey; + } + &.dashed-bottom { + border-bottom: 1px dashed grey + } } td { &:first-child { @@ -118,4 +124,9 @@ .table-background { background-color: var(--bg); +} + +.col.pie { + position: relative; + top: -15px; } \ No newline at end of file diff --git a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.ts b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.ts index e839459cd..8ec675041 100644 --- a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.ts +++ b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.ts @@ -46,6 +46,7 @@ export class AcceleratePreviewComponent implements OnInit, OnDestroy, OnChanges @Input() tx: Transaction; @Input() miningStats: MiningStats; @Input() scrollEvent: boolean; + @Input() showDetails: boolean; math = Math; error = ''; diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html index 7fef8efc7..43ead974d 100644 --- a/frontend/src/app/components/transaction/transaction.component.html +++ b/frontend/src/app/components/transaction/transaction.component.html @@ -80,10 +80,12 @@

Accelerate

+ +
- +
diff --git a/frontend/src/app/components/transaction/transaction.component.ts b/frontend/src/app/components/transaction/transaction.component.ts index 37c83f008..0348bf50a 100644 --- a/frontend/src/app/components/transaction/transaction.component.ts +++ b/frontend/src/app/components/transaction/transaction.component.ts @@ -138,6 +138,7 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy { accelerateCtaType: 'alert' | 'button' = 'button'; acceleratorAvailable: boolean = this.stateService.env.OFFICIAL_MEMPOOL_SPACE && this.stateService.env.ACCELERATOR && this.stateService.network === ''; showAccelerationSummary = false; + showAccelerationDetails = false; scrollIntoAccelPreview = false; auditEnabled: boolean = this.stateService.env.AUDIT && this.stateService.env.BASE_MODULE === 'mempool' && this.stateService.env.MINING_DASHBOARD === true;