diff --git a/frontend/src/app/components/television/television.component.html b/frontend/src/app/components/television/television.component.html
deleted file mode 100644
index 23dd18389..000000000
--- a/frontend/src/app/components/television/television.component.html
+++ /dev/null
@@ -1,25 +0,0 @@
-
diff --git a/frontend/src/app/components/television/television.component.scss b/frontend/src/app/components/television/television.component.scss
deleted file mode 100644
index 9a6cbcc24..000000000
--- a/frontend/src/app/components/television/television.component.scss
+++ /dev/null
@@ -1,80 +0,0 @@
-
-.loading {
- margin: auto;
- width: 100%;
- display: flex;
- text-align: center;
- justify-content: center;
- height: 100vh;
- align-items: center;
-}
-
-#tv-wrapper {
- height: 100vh;
- overflow: hidden;
- position: relative;
-}
-
-.chart-holder {
- position: relative;
- height: 655px;
- width: 100%;
- margin: 30px auto 0;
-}
-
-.blockchain-wrapper {
- display: block;
- height: 100%;
- min-height: 240px;
- position: relative;
- top: 30px;
-
- .position-container {
- position: absolute;
- left: 0;
- bottom: 170px;
- transform: translateX(50vw);
- }
-
- #divider {
- width: 2px;
- height: 175px;
- left: 0;
- top: -40px;
- position: absolute;
- img {
- position: absolute;
- left: -100px;
- top: -28px;
- }
- }
-
- &.time-ltr {
- .blocks-wrapper {
- transform: scaleX(-1);
- }
- }
-}
-
-:host-context(.ltr-layout) {
- .blockchain-wrapper.time-ltr .blocks-wrapper,
- .blockchain-wrapper .blocks-wrapper {
- direction: ltr;
- }
-}
-
-:host-context(.rtl-layout) {
- .blockchain-wrapper.time-ltr .blocks-wrapper,
- .blockchain-wrapper .blocks-wrapper {
- direction: rtl;
- }
-}
-
-.tv-container {
- display: flex;
- margin-top: 0px;
- flex-direction: column;
-}
-
-
-
diff --git a/frontend/src/app/components/television/television.component.ts b/frontend/src/app/components/television/television.component.ts
deleted file mode 100644
index 1507f3d97..000000000
--- a/frontend/src/app/components/television/television.component.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
-import { WebsocketService } from '@app/services/websocket.service';
-import { OptimizedMempoolStats } from '@interfaces/node-api.interface';
-import { StateService } from '@app/services/state.service';
-import { ApiService } from '@app/services/api.service';
-import { SeoService } from '@app/services/seo.service';
-import { ActivatedRoute } from '@angular/router';
-import { map, scan, startWith, switchMap, tap } from 'rxjs/operators';
-import { interval, merge, Observable, Subscription } from 'rxjs';
-import { ChangeDetectionStrategy } from '@angular/core';
-
-@Component({
- selector: 'app-television',
- templateUrl: './television.component.html',
- styleUrls: ['./television.component.scss'],
- changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class TelevisionComponent implements OnInit, OnDestroy {
-
- mempoolStats: OptimizedMempoolStats[] = [];
- statsSubscription$: Observable
;
- fragment: string;
- timeLtrSubscription: Subscription;
- timeLtr: boolean = this.stateService.timeLtr.value;
-
- constructor(
- private websocketService: WebsocketService,
- private apiService: ApiService,
- private stateService: StateService,
- private seoService: SeoService,
- private route: ActivatedRoute
- ) { }
-
- refreshStats(time: number, fn: Observable) {
- return interval(time).pipe(startWith(0), switchMap(() => fn));
- }
-
- ngOnInit() {
- this.seoService.setTitle($localize`:@@46ce8155c9ab953edeec97e8950b5a21e67d7c4e:TV view`);
- this.seoService.setDescription($localize`:@@meta.description.tv:See Bitcoin blocks and mempool congestion in real-time in a simplified format perfect for a TV.`);
- this.websocketService.want(['blocks', 'live-2h-chart', 'mempool-blocks']);
-
- this.timeLtrSubscription = this.stateService.timeLtr.subscribe((ltr) => {
- this.timeLtr = !!ltr;
- });
-
- this.statsSubscription$ = merge(
- this.stateService.live2Chart$.pipe(map(stats => [stats])),
- this.route.fragment
- .pipe(
- tap(fragment => { this.fragment = fragment ?? '2h'; }),
- switchMap((fragment) => {
- const minute = 60000; const hour = 3600000;
- switch (fragment) {
- case '24h': return this.apiService.list24HStatistics$();
- case '1w': return this.refreshStats(5 * minute, this.apiService.list1WStatistics$());
- case '1m': return this.refreshStats(30 * minute, this.apiService.list1MStatistics$());
- case '3m': return this.refreshStats(2 * hour, this.apiService.list3MStatistics$());
- case '6m': return this.refreshStats(3 * hour, this.apiService.list6MStatistics$());
- case '1y': return this.refreshStats(8 * hour, this.apiService.list1YStatistics$());
- case '2y': return this.refreshStats(8 * hour, this.apiService.list2YStatistics$());
- case '3y': return this.refreshStats(12 * hour, this.apiService.list3YStatistics$());
- default /* 2h */: return this.apiService.list2HStatistics$();
- }
- })
- )
- )
- .pipe(
- scan((mempoolStats, newStats) => {
- if (newStats.length > 1) {
- mempoolStats = newStats;
- } else if (['2h', '24h'].includes(this.fragment)) {
- mempoolStats.unshift(newStats[0]);
- const now = Date.now() / 1000;
- const start = now - (this.fragment === '2h' ? (2 * 60 * 60) : (24 * 60 * 60) );
- mempoolStats = mempoolStats.filter(p => p.added >= start);
- }
- return mempoolStats;
- })
- );
- }
-
- ngOnDestroy() {
- this.timeLtrSubscription.unsubscribe();
- }
-}
diff --git a/frontend/src/app/graphs/graphs.module.ts b/frontend/src/app/graphs/graphs.module.ts
index f882b4221..8ebf06f7c 100644
--- a/frontend/src/app/graphs/graphs.module.ts
+++ b/frontend/src/app/graphs/graphs.module.ts
@@ -26,7 +26,6 @@ import { StatisticsComponent } from '@components/statistics/statistics.component
import { MempoolBlockComponent } from '@components/mempool-block/mempool-block.component';
import { PoolRankingComponent } from '@components/pool-ranking/pool-ranking.component';
import { PoolComponent } from '@components/pool/pool.component';
-import { TelevisionComponent } from '@components/television/television.component';
import { DashboardComponent } from '@app/dashboard/dashboard.component';
import { CustomDashboardComponent } from '@components/custom-dashboard/custom-dashboard.component';
import { MiningDashboardComponent } from '@components/mining-dashboard/mining-dashboard.component';
@@ -56,7 +55,6 @@ import { CommonModule } from '@angular/common';
AcceleratorDashboardComponent,
PoolComponent,
PoolRankingComponent,
- TelevisionComponent,
StatisticsComponent,
GraphsComponent,
diff --git a/frontend/src/app/graphs/graphs.routing.module.ts b/frontend/src/app/graphs/graphs.routing.module.ts
index 886d55072..e8dbaece3 100644
--- a/frontend/src/app/graphs/graphs.routing.module.ts
+++ b/frontend/src/app/graphs/graphs.routing.module.ts
@@ -16,7 +16,6 @@ import { PoolRankingComponent } from '@components/pool-ranking/pool-ranking.comp
import { PoolComponent } from '@components/pool/pool.component';
import { StartComponent } from '@components/start/start.component';
import { StatisticsComponent } from '@components/statistics/statistics.component';
-import { TelevisionComponent } from '@components/television/television.component';
import { DashboardComponent } from '@app/dashboard/dashboard.component';
import { CustomDashboardComponent } from '@components/custom-dashboard/custom-dashboard.component';
import { AccelerationFeesGraphComponent } from '@components/acceleration/acceleration-fees-graph/acceleration-fees-graph.component';
@@ -180,11 +179,6 @@ const routes: Routes = [
},
]
},
- {
- path: 'tv',
- data: { networks: ['bitcoin', 'liquid'] },
- component: TelevisionComponent
- },
];
@NgModule({
diff --git a/frontend/src/app/shared/shared.module.ts b/frontend/src/app/shared/shared.module.ts
index 335b428ed..c3f8375c8 100644
--- a/frontend/src/app/shared/shared.module.ts
+++ b/frontend/src/app/shared/shared.module.ts
@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
import { NgbCollapseModule, NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, faChartArea, faCogs, faCubes, faHammer, faDatabase, faExchangeAlt, faInfoCircle,
- faLink, faList, faSearch, faCaretUp, faCaretDown, faTachometerAlt, faThList, faTint, faTv, faClock, faAngleDoubleDown, faSortUp, faAngleDoubleUp, faChevronDown,
+ faLink, faList, faSearch, faCaretUp, faCaretDown, faTachometerAlt, faThList, faTint, faClock, faAngleDoubleDown, faSortUp, faAngleDoubleUp, faChevronDown,
faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faBook, faListUl, faDownload, faQrcode, faArrowRightArrowLeft, faArrowsRotate, faCircleLeft,
faFastForward, faWallet, faUserClock, faWrench, faUserFriends, faQuestionCircle, faHistory, faSignOutAlt, faKey, faSuitcase, faIdCardAlt, faNetworkWired, faUserCheck,
faCircleCheck, faUserCircle, faCheck, faRocket, faScaleBalanced, faHourglassStart, faHourglassHalf, faHourglassEnd, faWandMagicSparkles, faFaucetDrip, faTimeline,
@@ -398,7 +398,6 @@ export class SharedModule {
constructor(library: FaIconLibrary) {
library.addIcons(faInfoCircle);
library.addIcons(faChartArea);
- library.addIcons(faTv);
library.addIcons(faClock);
library.addIcons(faTachometerAlt);
library.addIcons(faCubes);