feat: add slope api

src/app/mobile/slope/[resortId]/page.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import WebcamMobileMapPage from '@/views/slop-status/ui/slop-status-page';
+
+const Page = ({ params }: { params: { resortId: string } }) => {
+  return <WebcamMobileMapPage resortId={+params.resortId} />;
+};
+
+export default Page;

src/entities/slope/api/get-slope.ts

@@ -0,0 +1,8 @@
+import { apiClient } from '@/shared/api/base';
+import type { SlopeResponse } from '../model';
+
+export const getSlopes = async (resortId: number): Promise<SlopeResponse> => {
+  const result = await apiClient.get<SlopeResponse>(`/api/slopes/${resortId}`);
+
+  return result;
+};

src/entities/slope/api/index.ts

@@ -0,0 +1 @@
+export { slopeQueries } from './query/slope.queries';

src/entities/slope/api/query/slope.queries.ts

@@ -0,0 +1,13 @@
+import { queryOptions } from '@tanstack/react-query';
+import { getSlopes } from '../get-slope';
+
+export const slopeQueries = {
+  all: () => ['slope'],
+
+  slopeQueryKey: (resortId: number) => [...slopeQueries.all(), resortId],
+  slope: (resortId: number) =>
+    queryOptions({
+      queryKey: slopeQueries.slopeQueryKey(resortId),
+      queryFn: () => getSlopes(resortId),
+    }),
+};

src/entities/slope/index.ts

@@ -0,0 +1,2 @@
+export * as slopeApi from './api';
+export * from './model';

src/entities/slope/model/index.ts

@@ -0,0 +1 @@
+export type { Slope, Webcam, SlopeResponse } from './model';

src/entities/slope/model/model.d.ts

@@ -0,0 +1,26 @@
+export type Slope = {
+  name: string,
+  difficulty: string,
+  isDayOperating: true,
+  isNightOperating: true,
+  isLateNightOperating: true,
+  isDawnOperating: true,
+  isMidnightOperating: true
+}
+
+export type Webcam = {
+  name: string,
+  number: 0,
+  description: string,
+  url: string
+}
+
+export type SlopeResponse = {
+  dayOperatingHours: string,
+  nightOperatingHours: string,
+  lateNightOperatingHours: string,
+  dawnOperatingHours: string,
+  midnightOperatingHours: string,
+  slopes: Slope[],
+  webcams: Webcam[]
+}

src/views/slop-status/ui/slop-status-page.tsx

@@ -7,12 +7,22 @@ import SlopMap from '@/features/slop/ui/slop-map';
 import SlopStatusList from '@/features/slop/ui/slop-status-list';
 import { slopQueries } from '@/entities/slop/api';
 import { RESORT_DOMAIN } from '@/entities/slop/model';
+import { slopeApi } from '@/entities/slope';
 import { cn } from '@/shared/lib';
 
-const SlopStatusPage = ({ params }: { params: { key: keyof typeof RESORT_DOMAIN } }) => {
+const SlopStatusPage = ({
+  params,
+  resortId,
+}: {
+  params?: { key: keyof typeof RESORT_DOMAIN };
+  resortId?: number;
+}) => {
   const { ref, style, containerRef } = useMapPinch();
 
-  const { data } = useQuery(slopQueries.list(params.key));
+  const { data: slopeData } = useQuery(slopeApi.slopeQueries.slope(resortId ?? 1));
+  console.log(slopeData);
+
+  const { data } = useQuery(slopQueries.list(params?.key ?? 'jisan'));
 
   if (!data) return;