From 894667955c788cc72db30ce68fa284b4fd02bd45 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Thu, 28 Mar 2024 13:22:21 +0200
Subject: [PATCH] [develop | DONE | ADDED] slider-tabs component: add condition
 to disable slider-arrows if isServer is true

---
 sharedComponents/tabs/slider-tabs.component.ts | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/sharedComponents/tabs/slider-tabs.component.ts b/sharedComponents/tabs/slider-tabs.component.ts
index 84cfbd1c..666f90a2 100644
--- a/sharedComponents/tabs/slider-tabs.component.ts
+++ b/sharedComponents/tabs/slider-tabs.component.ts
@@ -6,11 +6,14 @@ import {
   ElementRef, EventEmitter,
   Input, OnDestroy, Output,
   QueryList,
-  ViewChild
+  ViewChild,
+  Inject,
+  PLATFORM_ID
 } from "@angular/core";
 import {SliderTabComponent} from "./slider-tab.component";
 import {ActivatedRoute, Router} from "@angular/router";
 import {Subscription} from "rxjs";
+import {isPlatformServer} from "@angular/common";
 import Timeout = NodeJS.Timeout;
 
 declare var UIkit;
@@ -78,8 +81,10 @@ declare var UIkit;
           </ng-container>
         </ul>
       </div>
-      <slider-arrow *ngIf="position === 'horizontal' && arrows" type="previous"></slider-arrow>
-      <slider-arrow *ngIf="position === 'horizontal' && arrows" type="next"></slider-arrow>
+      <ng-container *ngIf="!isServer">
+        <slider-arrow *ngIf="position === 'horizontal' && arrows" type="previous"></slider-arrow>
+        <slider-arrow *ngIf="position === 'horizontal' && arrows" type="next"></slider-arrow>
+      </ng-container>
     </div>
   `,
 })
@@ -143,10 +148,13 @@ export class SliderTabsComponent implements AfterViewInit, OnDestroy {
   private subscriptions: any[] = [];
   private observer: IntersectionObserver;
   private timeout: Timeout;
+  isServer: boolean;
   
   constructor(private route: ActivatedRoute,
               private router: Router,
-              private cdr: ChangeDetectorRef) {
+              private cdr: ChangeDetectorRef,
+              @Inject(PLATFORM_ID) private platform: any) {
+    this.isServer = isPlatformServer(this.platform);
   }
   
   ngAfterViewInit() {