Changed accordign to the converstaion

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;

libs/ui/src/index.ts

@@ -1 +0,0 @@
-export * from './lib/toggle';

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"

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',

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'>>();