🐛 Fix authService method call in sidebar, website service, features c…

src/app/core/components/sidebar/sidebar.component.ts

@@ -24,7 +24,7 @@ export class SidebarComponent implements OnInit, AfterViewInit, OnDestroy {
     private authService: AuthService,
     private router: Router
   ) {
-    this.userActive = authService.getUserActive;
+    this.userActive = authService.getUserActive();
   }
 
   ngOnDestroy(): void {
@@ -50,7 +50,7 @@ export class SidebarComponent implements OnInit, AfterViewInit, OnDestroy {
   }
 
   setUserInfoActive(): void {
-    this.userActive = this.authService.getUserActive;
+    this.userActive = this.authService.getUserActive();
   }
 
   get getName(): string {

src/app/core/services/website.service.ts

@@ -24,7 +24,7 @@ export class WebsiteService {
     const url = `${base_url}/website?all=${all}&limit=${limit}&skip=${skip}`;
     return this.http.get<IResponseWebsite>(url).pipe(map(resp => {
       const { websites } = resp;
-      const userActive = this.authService.getUserActive;
+      const userActive = this.authService.getUserActive();
       if(userActive) {
         const { subscriptions } = userActive;
         websites.map(website => website.inUser = subscriptions?.includes(website._id));

src/app/features/features.component.ts

@@ -19,7 +19,7 @@ export class FeaturesComponent {
     private settingService: SettingService ) {
     authService.validateToken().subscribe(() => {
       this.isLoading = false;
-      const userActive: User = authService.getUserActive;
+      const userActive: User = authService.getUserActive();
       if(userActive) {
         settingService.setTheme(userActive.darkMode ? 'dark' : 'light');
       }

src/app/features/settings/components/user-form/user-form.component.ts

@@ -28,7 +28,7 @@ export class UserFormComponent implements OnInit {
   ) { }
 
   ngOnInit(): void {
-    this.userActive = this.authService.getUserActive;
+    this.userActive = this.authService.getUserActive();
     this.loadForm();
   }
 

src/app/shared/toggle-theme/toggle-theme.component.html

@@ -1,8 +1,8 @@
-<input [checked]="isDarkMode" type="checkbox" (change)="changeTheme($event.target)" id="toggle_checkbox">
+<input [checked]="isDarkMode" type="checkbox" (change)="changeTheme($event)" id="toggle_checkbox">
 <label for="toggle_checkbox">
   <div id="star">
     <div class="star" id="star-1">★</div>
     <div class="star" id="star-2">★</div>
   </div>
   <div id="moon"></div>
-</label>
+</label>

src/app/shared/toggle-theme/toggle-theme.component.ts

@@ -22,8 +22,8 @@ export class ToggleThemeComponent {
       .subscribe(checked => this.userService.setTheme(checked));
   }
 
-  changeTheme(event: HTMLInputElement) {
-    const checked = event.checked;
+  changeTheme(event: Event): void {
+    const checked = (event.target as HTMLInputElement)?.checked;
     if(this.authService.isAuthenticated()) {
       this.themeChanged.next(checked);
     }

src/environments/environment.ts

@@ -1,4 +1,4 @@
 export const environment = {
   production: false,
-  base_url: 'http://localhost:5000/api',
+  base_url: 'http://localhost:5000/api/v1',
 };