[GSW-624] feat: Add react-query common file

packages/web/src/hooks/common/useForceRefetchQuery.tsx

@@ -0,0 +1,7 @@
+import { useQueryClient } from "@tanstack/react-query";
+
+export const useForceRefetchQuery = () => {
+  const client = useQueryClient();
+
+  return client.invalidateQueries.bind(client);
+};

packages/web/src/react-query/token/index.ts

@@ -0,0 +1,3 @@
+export * from './request';
+export * from './types';
+export * from './queries';

packages/web/src/react-query/token/queries.ts

@@ -0,0 +1,25 @@
+import { TokenListResponse } from "@repositories/token";
+import { UseQueryOptions, useQuery } from "@tanstack/react-query";
+import { getTokenPrices, getTokens } from "./request";
+import { QUERY_KEY } from "./types";
+
+export const useGetTokensList = (
+  option?: UseQueryOptions<TokenListResponse, Error>
+) => {
+  return useQuery<TokenListResponse, Error>({
+    queryKey: [QUERY_KEY.tokens],
+    queryFn: getTokens,
+    enabled: false,
+    option,
+  });
+};
+
+export const useGetTokenPrices = (
+  option?: UseQueryOptions<TokenListResponse, Error>
+) => {
+  return useQuery<TokenListResponse, Error>({
+    queryKey: [QUERY_KEY.tokenPrices],
+    queryFn: getTokenPrices,
+    option,
+  });
+};

packages/web/src/react-query/token/request.ts

@@ -0,0 +1,23 @@
+import { AxiosClient } from "@common/clients/network-client/axios-client";
+import { TokenListResponse, TokenPriceListResponse } from "@repositories/token";
+
+const API_URL = process.env.NEXT_PUBLIC_API_URL;
+
+const request = new AxiosClient(API_URL);
+
+export const getTokens = async (): Promise<TokenListResponse> => {
+  const response = await request.get<TokenListResponse>({
+    url: "/tokens",
+  });
+  if (response.data.tokens === null) {
+    return { tokens: [] };
+  }
+  return response.data;
+};
+
+export const getTokenPrices = async (): Promise<TokenPriceListResponse> => {
+  const response = await request.get<TokenPriceListResponse>({
+    url: "/token_prices",
+  });
+  return response.data;
+};

packages/web/src/react-query/token/types.ts

@@ -0,0 +1,7 @@
+export interface IExampleTypeRequest {}
+export interface IExampleTypeResponse {}
+
+export enum QUERY_KEY {
+  tokens = "tokens",
+  tokenPrices = "token_prices",
+}