From f2c14dbb30a6cd55e5042ad53b646e499d2a4d58 Mon Sep 17 00:00:00 2001
From: ANIR1604 <competitivecoder69@gmail.com>
Date: Fri, 25 Jul 2025 18:56:40 +0530
Subject: [PATCH] Changed accordign to the converstaion

---
 .../components/home-overview/home-overview.component.ts    | 2 --
 libs/ui/src/index.ts                                       | 1 -
 libs/ui/src/lib/toggle/toggle.component.html               | 3 +--
 libs/ui/src/lib/toggle/toggle.component.stories.ts         | 7 -------
 libs/ui/src/lib/toggle/toggle.component.ts                 | 3 +--
 5 files changed, 2 insertions(+), 14 deletions(-)
 delete mode 100644 libs/ui/src/index.ts

diff --git a/apps/client/src/app/components/home-overview/home-overview.component.ts b/apps/client/src/app/components/home-overview/home-overview.component.ts
index f291e745a..06fccd650 100644
--- a/apps/client/src/app/components/home-overview/home-overview.component.ts
+++ b/apps/client/src/app/components/home-overview/home-overview.component.ts
@@ -13,7 +13,6 @@ import {
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 import { internalRoutes } from '@ghostfolio/common/routes/routes';
 import { GfLineChartComponent } from '@ghostfolio/ui/line-chart';
-import { GfToggleComponent } from '@ghostfolio/ui/toggle';
 
 import { CommonModule } from '@angular/common';
 import {
@@ -43,7 +42,6 @@ import { takeUntil } from 'rxjs/operators';
   templateUrl: './home-overview.html'
 })
 export class GfHomeOverviewComponent implements OnDestroy, OnInit {
-  public dateRangeOptions = GfToggleComponent;
   public deviceType: string;
   public errors: AssetProfileIdentifier[];
   public hasError: boolean;
diff --git a/libs/ui/src/index.ts b/libs/ui/src/index.ts
deleted file mode 100644
index 962573301..000000000
--- a/libs/ui/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './lib/toggle';
diff --git a/libs/ui/src/lib/toggle/toggle.component.html b/libs/ui/src/lib/toggle/toggle.component.html
index a7b3968ce..ac2256daa 100644
--- a/libs/ui/src/lib/toggle/toggle.component.html
+++ b/libs/ui/src/lib/toggle/toggle.component.html
@@ -1,6 +1,5 @@
 <mat-radio-group
   class="d-block text-nowrap"
-  [disabled]="isLoading"
   [formControl]="optionFormControl"
   (change)="onValueChange()"
 >
@@ -9,7 +8,7 @@
       class="d-inline-flex"
       [disabled]="isLoading"
       [ngClass]="{
-        'cursor-default': option.value === optionFormControl.value || isLoading,
+        'cursor-default': option.value === optionFormControl.value,
         'cursor-pointer': !isLoading && option.value !== optionFormControl.value
       }"
       [value]="option.value"
diff --git a/libs/ui/src/lib/toggle/toggle.component.stories.ts b/libs/ui/src/lib/toggle/toggle.component.stories.ts
index 87a2ca544..28ace679e 100644
--- a/libs/ui/src/lib/toggle/toggle.component.stories.ts
+++ b/libs/ui/src/lib/toggle/toggle.component.stories.ts
@@ -27,13 +27,6 @@ export default {
 type Story = StoryObj<GfToggleComponent>;
 
 export const Default: Story = {
-  args: {
-    options: DEFAULT_OPTIONS,
-    defaultValue: '1d'
-  }
-};
-
-export const Loading: Story = {
   args: {
     options: DEFAULT_OPTIONS,
     defaultValue: '1d',
diff --git a/libs/ui/src/lib/toggle/toggle.component.ts b/libs/ui/src/lib/toggle/toggle.component.ts
index a2f958f8e..be460f7fa 100644
--- a/libs/ui/src/lib/toggle/toggle.component.ts
+++ b/libs/ui/src/lib/toggle/toggle.component.ts
@@ -16,13 +16,12 @@ import { MatRadioModule } from '@angular/material/radio';
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [CommonModule, MatRadioModule, ReactiveFormsModule],
   selector: 'gf-toggle',
-  standalone: true,
   styleUrls: ['./toggle.component.scss'],
   templateUrl: './toggle.component.html'
 })
 export class GfToggleComponent implements OnChanges {
   @Input() defaultValue: string;
-  @Input() isLoading = false;
+  @Input() isLoading: boolean;
   @Input() options: ToggleOption[] = [];
 
   @Output() valueChange = new EventEmitter<Pick<ToggleOption, 'value'>>();