client - refactor services

client/app/services/category.service.ts

@@ -2,17 +2,18 @@ import { cloneDeep } from 'lodash';
 import axios from '../axios/axios';
 import { CategoryModel } from '../model';
 
-export class CategoryService {
+let categoryCache: CategoryModel[];
-  private static categoryCache: CategoryModel[];
+const getCategories = async () => {
-
-  public static async getCategories(): Promise<CategoryModel[]> {
   // return cache if it exists
-    if (CategoryService.categoryCache) {
+  if (categoryCache) {
-      return Promise.resolve(cloneDeep(CategoryService.categoryCache));
+    return Promise.resolve(cloneDeep(categoryCache));
   }
 
   const res = await axios.get('/api/category');
-    CategoryService.categoryCache = cloneDeep(res.data.data);
+  categoryCache = cloneDeep(res.data.data);
   return res.data.data;
-  }
 }
+
+export const CategoryService = {
+  getCategories,
+};

client/app/services/user.service.ts

@@ -1,24 +1,27 @@
 import axios from '../axios/axios';
 import { UserModel } from '../model';
 
-export class UserService {
+const storeUser = (user: UserModel): void => {
-
-  public static storeUser(user: UserModel): void {
   localStorage.setItem('user', JSON.stringify(user));
-  }
+}
 
-  public static getUser(): UserModel {
+const getUser = (): UserModel => {
   const u = localStorage.getItem('user');
   return u ? JSON.parse(u) : null;
-  }
+}
 
-  // fetch user and store in local storage
+// fetch user and store in local storage
-  public static async authorize(code: string): Promise<void> {
+const authorize = async (code: string): Promise<void> => {
   try {
     const res = await axios.post('/api/battlenet/authorize', { code });
     UserService.storeUser(res.data.data);
   } catch (e) {
     console.error(e);
   }
-  }
+}
+  
+export const UserService = {
+  storeUser,
+  getUser,
+  authorize,
 }