diff --git a/frontend/src/app/components/pool/pool.component.html b/frontend/src/app/components/pool/pool.component.html
index 90bbc0ffc..471cd1449 100644
--- a/frontend/src/app/components/pool/pool.component.html
+++ b/frontend/src/app/components/pool/pool.component.html
@@ -47,21 +47,26 @@
-
+
- Address |
- {{ poolStats.pool.addresses }} |
+ Addresses |
+
+
+ |
+ ~ |
- Coinbase Tag |
+ Coinbase Tags |
{{ poolStats.pool.regexes }} |
-
+
diff --git a/frontend/src/app/components/pool/pool.component.scss b/frontend/src/app/components/pool/pool.component.scss
index a1078adc0..271696a39 100644
--- a/frontend/src/app/components/pool/pool.component.scss
+++ b/frontend/src/app/components/pool/pool.component.scss
@@ -30,3 +30,12 @@
}
}
}
+
+div.scrollable {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ overflow: auto;
+ max-height: 100px;
+}
\ No newline at end of file
diff --git a/frontend/src/app/components/pool/pool.component.ts b/frontend/src/app/components/pool/pool.component.ts
index 69b3ac761..8b0d2fcaf 100644
--- a/frontend/src/app/components/pool/pool.component.ts
+++ b/frontend/src/app/components/pool/pool.component.ts
@@ -49,6 +49,13 @@ export class PoolComponent implements OnInit {
return this.apiService.getPoolStats$(this.poolId, params[1] ?? '1w');
}),
map((poolStats) => {
+ let regexes = '"';
+ for (const regex of JSON.parse(poolStats.pool.regexes)) {
+ regexes += regex + '", "';
+ }
+ poolStats.pool.regexes = regexes.slice(0, -3);
+ poolStats.pool.addresses = JSON.parse(poolStats.pool.addresses);
+
return Object.assign({
logo: `./resources/mining-pools/` + poolStats.pool.name.toLowerCase().replace(' ', '').replace('.', '') + '.svg'
}, poolStats);