[FE][Feat] #226 : 채널 생성 api 연동

frontend/src/api/channel.api.ts

@@ -0,0 +1,29 @@
+import { ResponseDto } from '@/api/dto/response.dto.ts';
+import { getApiClient } from '@/api/client.api.ts';
+import { createChannelReqEntity, createChannelResEntity } from '@/api/dto/channel.dto.ts';
+
+export const createChannel = (
+  data: createChannelReqEntity,
+): Promise<ResponseDto<createChannelResEntity>> => {
+  const promiseFn = (
+    fnResolve: (value: ResponseDto<createChannelResEntity>) => void,
+    fnReject: (reason?: any) => void,
+  ) => {
+    const apiClient = getApiClient();
+    apiClient
+      .post('/channel', data)
+      .then(res => {
+        if (res.status !== 200) {
+          console.error(res);
+          fnReject(`msg.${res}`);
+        } else {
+          fnResolve(new ResponseDto<createChannelResEntity>(res));
+        }
+      })
+      .catch(err => {
+        console.error(err);
+        fnReject('msg.RESULT_FAILED');
+      });
+  };
+  return new Promise(promiseFn);
+};

frontend/src/api/dto/channel.dto.ts

@@ -0,0 +1,47 @@
+export class locationEntity {
+  lat: number | undefined;
+
+  lng: number | undefined;
+}
+
+export class guestMarkerStyleEntity {
+  color: string | undefined;
+}
+
+export class guestEntity {
+  name: string | undefined;
+
+  start_location: locationEntity | undefined;
+
+  end_location: locationEntity | undefined;
+
+  path: locationEntity[] | undefined;
+
+  marker_style: guestMarkerStyleEntity | undefined;
+}
+
+export class createChannelReqEntity {
+  name: string | undefined;
+
+  host_id: string | undefined;
+
+  guests: guestEntity[] | undefined;
+}
+
+export class guestSimpleEntity {
+  id: string | undefined;
+
+  name: string | undefined;
+}
+
+export class createChannelResEntity {
+  id: string | undefined;
+
+  name: string | undefined;
+
+  host_id: string | undefined;
+
+  guests: guestSimpleEntity[] | undefined;
+
+  created_at: string | undefined;
+}