[POST] 핀보기 기능

src/api/review/entity.ts

@@ -1,3 +1,69 @@
+export interface PostReviewParams {
+  content:string;
+  placeId:string;
+  rate:number;
+  reviewImages?:Array<string>;
+}
+
+export interface LatestReviewResponse {
+  lastDate:null | string;
+}
+
+export interface FetchParams {
+  placeId:string;
+  sort:string;
+}
+
+export interface GetReviewResponse {
+  content:Review[];
+  empty:boolean;
+  first:boolean;
+  last:boolean;
+  number:boolean;
+  numberOfElements:number;
+  pageable:Pagable;
+  size:number;
+  sort:Sort;
+  totalElements:number;
+  totalPages:number;
+}
+
+interface Review {
+  content:string;
+  createdAt:string;
+  id:number;
+  rate:number;
+  reviewImages:ReviewImage[];
+  shopPlaceId:string;
+  userReviewResponse:UserReviewResponse;
+}
+
+interface Pagable {
+  offset:number;
+  pageNumber:number;
+  pageSize:number;
+  paged:boolean;
+  sort:Sort;
+  unpaged:boolean;
+}
+
+interface ReviewImage {
+  imageUrl:string;
+  originalname:string;
+}
+
+interface UserReviewResponse {
+  account:string;
+  id:number;
+  nickname:string;
+}
+
+interface Sort {
+  empty:boolean;
+  sorted:boolean;
+  unsorted:boolean;
+}
+
 export interface ReviewParams {
   placeId : string;
   content : string;

src/api/review/index.ts

@@ -1,5 +1,27 @@
-import { ReviewParams } from './entity';
 import reviewApi from './reviewApiClient';
+import {
+  GetReviewResponse, LatestReviewResponse, FetchParams, ReviewParams,
+} from './entity';
+
+export const getMyReview = async (params:FetchParams) => {
+  const { data } = await reviewApi.get<GetReviewResponse>(`/shop/${params.placeId}?sort=${params.sort}`);
+  return data;
+};
+
+export const getFollowersReview = async (params:FetchParams) => {
+  const { data } = await reviewApi.get<GetReviewResponse>(`/followers/shop/${params.placeId}?sort=${params.sort}`);
+  return data;
+};
+
+export const latestFollowerReview = async (placeId:string) => {
+  const { data } = await reviewApi.get<LatestReviewResponse>(`/followers/last-date/shop/${placeId}`);
+  return data;
+};
+
+export const latestMyReview = async (placeId:string) => {
+  const { data } = await reviewApi.get<LatestReviewResponse>(`/last-date/shop/${placeId}`);
+  return data;
+};
 
 export const postReview = (params: ReviewParams) => {
   const formData = new FormData();

src/api/scrap/entity.ts

@@ -0,0 +1,58 @@
+export interface PostScrapParams {
+  directoryId:number;
+  placeId:string;
+}
+
+export interface PostScrapResponse {
+  createdAt:string;
+  directory:{
+    createdAt:string;
+    id:number;
+    name:string;
+    scrapCount:number;
+    updatedAt:string;
+  }
+  id:number;
+  shopId:number;
+  updatedAt:string;
+}
+
+export interface GetScrapResponse {
+  content: Content[];
+  empty:boolean;
+  first:boolean;
+  last:boolean;
+  number:number;
+  numberOfElements:number;
+  pagable: Pagable;
+  size:number;
+  sort: Sort;
+  totalElements:number;
+  totalPages:number;
+}
+
+interface Content {
+  address:string;
+  category:string;
+  name:string;
+  photo:string;
+  placeId:string;
+  ratingCount:number;
+  scrapId:number;
+  totalRating:number;
+}
+
+interface Pagable {
+  offset:number;
+  pageNumber:number;
+  pageSize:number;
+  paged:boolean;
+  sort: Sort[];
+  unpaged:boolean;
+}
+
+interface Sort {
+  empty:boolean;
+  sorted:boolean;
+  unsorted:boolean;
+}

src/api/scrap/index.ts

@@ -0,0 +1,14 @@
+import { PostScrapParams, GetScrapResponse, PostScrapResponse } from './entity';
+import scrapApi from './scrapApiClient';
+
+export const postScrap = async (params:PostScrapParams) => {
+  const { data } = await scrapApi.post<PostScrapResponse>('/scraps', params);
+  return data;
+};
+
+export const deleteScrap = async (scrapId:number) => scrapApi.delete(`/scraps/${scrapId}`);
+
+export const getScrap = async () => {
+  const { data } = await scrapApi.get<GetScrapResponse>('/scraps');
+  return data;
+};

src/api/scrap/scrapApiClient.ts

@@ -0,0 +1,18 @@
+import axios from 'axios';
+import { API_PATH } from 'config/constants';
+
+const scrapApi = axios.create({
+  baseURL: `${API_PATH}`,
+  timeout: 2000,
+});
+
+scrapApi.interceptors.request.use(
+  (config) => {
+    const accessToken = sessionStorage.getItem('accessToken');
+    // eslint-disable-next-line no-param-reassign
+    if (config.headers && accessToken) config.headers.Authorization = `Bearer ${accessToken}`;
+    return config;
+  },
+);
+
+export default scrapApi;

src/api/shop/entity.ts

@@ -33,6 +33,24 @@ export interface Coords {
   lng: number | undefined;
 }
 
+export interface FetchShopResponse {
+  businessDay:string[];
+  category:string;
+  formattedAddress:string;
+  formattedPhoneNumber:string;
+  lat:number;
+  lng:number;
+  name:string;
+  openNow:boolean;
+  photos:string[];
+  placeId:string;
+  ratingCount:number;
+  scrap:number;
+  shopId:number;
+  todayBusinessHour:string;
+  totalRating:number;
+}
+
 export interface FetchShopsResponse {
   shopQueryResponseList: Shop[];
 }

src/api/shop/index.ts

@@ -1,12 +1,15 @@
 import {
   Coords, FetchShopsResponse, FetchTrendingsResponse, FilterShopsParams,
-  FilterShopsListResponse, ShopsParams,
+  FilterShopsListResponse, ShopsParams, FetchShopResponse,
 } from './entity';
 import shopApi from './shopApiClient';
 
 export const fetchTrendings = () => shopApi.get<FetchTrendingsResponse>('/trending');
 
-export const fetchShop = (shopId: string) => shopApi.get(`/shop?place_id=${shopId}`);
+export const fetchShop = async (placeId: string) => {
+  const { data } = await shopApi.get<FetchShopResponse>(`/shops/${placeId}`);
+  return data;
+};
 
 export const getfilterShops = (params: FilterShopsParams, location: Coords) => {
   const url = `/shops/maps?options_friend=${params.options_friend}&options_nearby=${params.options_nearby}&options_scrap=${params.options_scrap}`;