From bce9a217ea6ed729177334df06d37ee78fb2cb4d Mon Sep 17 00:00:00 2001
From: bptrgx <47859535+bptrgx@users.noreply.github.com>
Date: Mon, 30 Oct 2023 14:34:20 +0100
Subject: [PATCH] disable activity-type-badge responsiveness

---
 .../lib/activities-filter/activities-filter.component.html   | 5 ++++-
 libs/ui/src/lib/activity-type/activity-type.component.html   | 4 +++-
 libs/ui/src/lib/activity-type/activity-type.component.ts     | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/libs/ui/src/lib/activities-filter/activities-filter.component.html b/libs/ui/src/lib/activities-filter/activities-filter.component.html
index 7eb984b69..68f5cd0e6 100644
--- a/libs/ui/src/lib/activities-filter/activities-filter.component.html
+++ b/libs/ui/src/lib/activities-filter/activities-filter.component.html
@@ -63,7 +63,10 @@
           {{ filter.label | gfSymbol }}
         </ng-container>
         <ng-container *ngIf="filter.type === 'TYPE'">
-          <gf-activity-type [activityType]="$any(filter.id)"></gf-activity-type>
+          <gf-activity-type
+            [activityType]="$any(filter.id)"
+            [disableResponsive]="true"
+          ></gf-activity-type>
         </ng-container>
         <ng-container
           *ngIf="
diff --git a/libs/ui/src/lib/activity-type/activity-type.component.html b/libs/ui/src/lib/activity-type/activity-type.component.html
index b5c0ad060..c1aef4794 100644
--- a/libs/ui/src/lib/activity-type/activity-type.component.html
+++ b/libs/ui/src/lib/activity-type/activity-type.component.html
@@ -28,5 +28,7 @@
     *ngIf="activityType === 'SELL'"
     name="arrow-down-circle-outline"
   ></ion-icon>
-  <span class="d-none d-lg-block mx-1">{{ activityTypeLabel }}</span>
+  <span class="mx-1" [ngClass]="disableResponsive ? '' : 'd-none d-lg-block'">{{
+    activityTypeLabel
+  }}</span>
 </div>
diff --git a/libs/ui/src/lib/activity-type/activity-type.component.ts b/libs/ui/src/lib/activity-type/activity-type.component.ts
index 3c98dd8e3..edc323227 100644
--- a/libs/ui/src/lib/activity-type/activity-type.component.ts
+++ b/libs/ui/src/lib/activity-type/activity-type.component.ts
@@ -15,6 +15,7 @@ import { Type as ActivityType } from '@prisma/client';
 })
 export class ActivityTypeComponent implements OnChanges {
   @Input() activityType: ActivityType;
+  @Input() disableResponsive?: boolean;
 
   public activityTypeLabel: string;