in the middle of party-user frontend,

03_source/frontend/src/actions/party-user.ts

@@ -0,0 +1,195 @@
+import { useMemo } from 'react';
+import axiosInstance, { endpoints, fetcher } from 'src/lib/axios';
+import type { IPartyUserItem } from 'src/types/party-user';
+import type { IProductItem } from 'src/types/product';
+import type { IUserItem } from 'src/types/user';
+import type { SWRConfiguration } from 'swr';
+import useSWR, { mutate } from 'swr';
+
+// ----------------------------------------------------------------------
+
+const swrOptions: SWRConfiguration = {
+  revalidateIfStale: false,
+  revalidateOnFocus: false,
+  revalidateOnReconnect: false,
+};
+
+// ----------------------------------------------------------------------
+
+type UsersData = {
+  partyUsers: IUserItem[];
+};
+
+// TODO: i want to refactor / tidy here
+export function useGetPartyUsers() {
+  const url = `http://localhost:7272/api/party-user/list`;
+
+  const { data, isLoading, error, isValidating } = useSWR<UsersData>(url, fetcher, swrOptions);
+
+  const memoizedValue = useMemo(
+    () => ({
+      partyUsers: data?.partyUsers || [],
+      partyUsersLoading: isLoading,
+      partyUsersError: error,
+      partyUsersValidating: isValidating,
+      partyUsersEmpty: !isLoading && !isValidating && !data?.partyUsers.length,
+    }),
+    [data?.partyUsers, error, isLoading, isValidating]
+  );
+
+  return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+type PartyUserData = {
+  partyUser: IPartyUserItem;
+};
+
+export function useGetPartyUser(partyUserId: string) {
+  const url = partyUserId ? [endpoints.partyUser.details, { params: { partyUserId } }] : '';
+
+  const { data, isLoading, error, isValidating } = useSWR<PartyUserData>(url, fetcher, swrOptions);
+
+  const memoizedValue = useMemo(
+    () => ({
+      partyUser: data?.partyUser,
+      partyUserLoading: isLoading,
+      partyUserError: error,
+      partyUserValidating: isValidating,
+    }),
+    [data?.partyUser, error, isLoading, isValidating]
+  );
+
+  return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+type SearchResultsData = {
+  results: IProductItem[];
+};
+
+export function useSearchProducts(query: string) {
+  const url = query ? [endpoints.product.search, { params: { query } }] : '';
+
+  const { data, isLoading, error, isValidating } = useSWR<SearchResultsData>(url, fetcher, {
+    ...swrOptions,
+    keepPreviousData: true,
+  });
+
+  const memoizedValue = useMemo(
+    () => ({
+      searchResults: data?.results || [],
+      searchLoading: isLoading,
+      searchError: error,
+      searchValidating: isValidating,
+      searchEmpty: !isLoading && !isValidating && !data?.results.length,
+    }),
+    [data?.results, error, isLoading, isValidating]
+  );
+
+  return memoizedValue;
+}
+
+// ----------------------------------------------------------------------
+
+type SaveUserData = {
+  name: string;
+  city: string;
+  role: string;
+  email: string;
+  state: string;
+  status: string;
+  address: string;
+  country: string;
+  zipCode: string;
+  company: string;
+  avatarUrl: string;
+  phoneNumber: string;
+  isVerified: boolean;
+  //
+  username: string;
+  password: string;
+};
+
+export async function saveUser(userId: string, saveUserData: SaveUserData) {
+  // const url = userId ? [endpoints.user.details, { params: { userId } }] : '';
+
+  const res = await axiosInstance.post(
+    //
+    `http://localhost:7272/api/user/saveUser?userId=${userId}`,
+    {
+      data: saveUserData,
+    }
+  );
+
+  return res;
+}
+
+export async function uploadUserImage(saveUserData: SaveUserData) {
+  console.log('uploadUserImage ?');
+  // const url = userId ? [endpoints.user.details, { params: { userId } }] : '';
+
+  const res = await axiosInstance.get('http://localhost:7272/api/product/helloworld');
+
+  return res;
+}
+
+// ----------------------------------------------------------------------
+
+type CreateUserData = {
+  name: string;
+  city: string;
+  role: string;
+  email: string;
+  state: string;
+  status: string;
+  address: string;
+  country: string;
+  zipCode: string;
+  company: string;
+  avatarUrl: string;
+  phoneNumber: string;
+  isVerified: boolean;
+  //
+  username: string;
+  password: string;
+};
+
+export async function createUser(createUserData: CreateUserData) {
+  console.log('create product ?');
+  // const url = productId ? [endpoints.product.details, { params: { productId } }] : '';
+
+  const res = await axiosInstance.post('http://localhost:7272/api/user/createUser', {
+    data: createUserData,
+  });
+
+  return res;
+}
+
+// ----------------------------------------------------------------------
+
+export async function deletePartyUser(partyUserId: string) {
+  /**
+   * Work on server
+   */
+  const data = { partyUserId };
+  await axiosInstance.patch(endpoints.partyUser.delete, data);
+
+  /**
+   * Work in local
+   */
+
+  mutate(
+    endpoints.partyUser.list,
+    (currentData: any) => {
+      const currentProducts: IPartyUserItem[] = currentData?.partyUsers;
+
+      const partyUsers = currentProducts.filter((partyUser) => partyUser.id !== partyUserId);
+
+      return { ...currentData, partyUsers };
+    },
+    false
+  );
+}