Feat/add show video post message

.eslintrc.json

@@ -1,13 +1,43 @@
 {
   "parser": "@typescript-eslint/parser",
-  "extends": ["next", "prettier", "plugin:@typescript-eslint/recommended", "@feature-sliced"],
-  "plugins": ["@typescript-eslint", "unused-imports"],
-
+  "extends": [
+    "next",
+    "prettier",
+    "plugin:@typescript-eslint/recommended",
+    "@feature-sliced"
+  ],
+  "plugins": [
+    "@typescript-eslint",
+    "unused-imports"
+  ],
   "rules": {
     "unused-imports/no-unused-imports": "error", // 사용하지 않는 import 제거
     "@typescript-eslint/consistent-type-imports": "error", // type 가져오기 경우 import type { Type } from 'module' 사용
     "@typescript-eslint/no-unused-expressions": "off", // 사용하지 않는 표현식 허용
     "import/no-internal-modules": "off", // 내부 모듈 사용 허용 (fsd index 파일을 사용하기 위함)
-    "@typescript-eslint/no-require-imports": "off"
+    "@typescript-eslint/no-require-imports": "off",
+    "import/order": [
+      "error",
+      {
+        "groups": [
+          "builtin",
+          "external",
+          "internal",
+          "parent",
+          "sibling",
+          "index",
+          "object"
+        ],
+        "pathGroups": [
+          {
+            "pattern": "@/**",
+            "group": "internal",
+            "position": "after"
+          }
+        ],
+        "distinctGroup": false,
+        "newlines-between": "always"
+      }
+    ]
   }
-}
+}

.vscode/setting.json

@@ -1,7 +1,15 @@
 {
   "tailwindCSS.experimental.classRegex": [["cn\\(['\"]([^'\"]*)['\"]", "'([^']*)'"]],
-  "editor.formatOnSave": true,
+  "editor.formatOnSave": false,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": false
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": false
   }
 }

src/app/(web)/layout.tsx

@@ -3,6 +3,7 @@
 import Image from 'next/image';
 import Link from 'next/link';
 import { GoogleAnalytics } from 'nextjs-google-analytics';
+
 import left from '@public/downloads/left.png';
 import android from '@public/downloads/right-android.png';
 import ios from '@public/downloads/right-ios.png';

src/app/_providers.tsx

@@ -2,8 +2,8 @@
 
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import type { PropsWithChildren } from 'react';
 import React from 'react';
+import type { PropsWithChildren } from 'react';
 
 const Providers = ({ children }: PropsWithChildren) => {
   const queryClient = new QueryClient();

src/app/layout.tsx

@@ -1,9 +1,11 @@
 import '@/app/globals.css';
 
 import type { Metadata } from 'next';
+
 import { ResortData } from '@/entities/resort';
 import KakaoScript from '@/shared/lib/kakao-script';
 import { Toaster } from '@/shared/ui/toaster';
+
 import Providers from './_providers';
 
 export async function generateMetadata({ params }: { params: { id: string } }): Promise<Metadata> {

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

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import SlopeStatusPage from '@/views/slope-status/ui/slope-status-page';
 
 const Page = ({ params }: { params: { resortId: string } }) => {

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

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import WebcamMobileMapPage from '@/views/webcam/ui/webcam-mobile-map-page';
 
 const Page = ({ params }: { params: { resortId: string } }) => {

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

@@ -1,4 +1,5 @@
 import { apiClient } from '@/shared/api/base';
+
 import type { Resort } from '../model';
 
 export const getResorts = async (): Promise<Resort[]> => {

src/entities/resort/api/get-vote.ts

@@ -1,4 +1,5 @@
 import { apiClient } from '@/shared/api/base';
+
 import type { Vote } from '../model';
 
 export const getVote = async (resortId: number): Promise<Vote> => {

src/entities/resort/api/get-weather.ts

@@ -1,4 +1,5 @@
 import { apiClient } from '@/shared/api/base';
+
 import type { WeatherResponse } from '../model';
 
 export const getWeather = async (resortId: number): Promise<WeatherResponse> => {

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

@@ -1,4 +1,5 @@
 import { queryOptions } from '@tanstack/react-query';
+
 import { getResorts } from '../get-resort';
 import { getVote } from '../get-vote';
 

src/entities/resort/api/query/weather.queries.ts

@@ -1,4 +1,5 @@
 import { queryOptions } from '@tanstack/react-query';
+
 import { getWeather } from '../get-weather';
 
 export const weatherQueries = {

src/entities/resort/api/use-post-vote.ts

@@ -1,4 +1,5 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
+
 import { resortApi } from '..';
 
 export const usePostVote = (resortId: number) => {

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

@@ -1,4 +1,5 @@
 import { apiClient } from '@/shared/api/base';
+
 import type { SlopeResponse } from '../model';
 
 export const getSlope = async (resortId: number): Promise<SlopeResponse> => {

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

@@ -1,4 +1,5 @@
 import { queryOptions } from '@tanstack/react-query';
+
 import { getSlope } from '../get-slope';
 
 export const slopeQueries = {

src/entities/slope/model/image/alpensia/alpha-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const AlphaPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/alpensia/bravo-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const BravoPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/alpensia/charlie-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const CharliePath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/alpensia/delta-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const DeltaPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/alpensia/echo-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const EchoPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/alpensia/foxtrot-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const FoxtrotPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/eden/basic-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const BasicPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/eden/jupiter-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const JupiterPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/eden/main-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const MainPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/eden/mercury-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const MercuryPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/eden/saturn-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const SaturnPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/eden/uranus-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const UranusPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/eden/venus-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const VenusPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/elysian-gangchon/deer-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const DeerPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/elysian-gangchon/dragon-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const DragonPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/elysian-gangchon/horse-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const HorsePath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/elysian-gangchon/jaguar-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const JaguarPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/elysian-gangchon/leopard-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const LeopardPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/elysian-gangchon/panda-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const PandaPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/elysian-gangchon/pegasus-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const PegasusPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/elysian-gangchon/puma-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const PumaPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/elysian-gangchon/rabbit-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const RabbitPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/elysian-gangchon/zebra-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const ZebraPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/gonjiam/cnp1-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const CNP1Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/gonjiam/cnp2-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const CNP2Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/gonjiam/gram1-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Gram1Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/gonjiam/gram2-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Gram2Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/gonjiam/thinkyou-bridge-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const ThinkyouBridgePath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/gonjiam/thinkyou1-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Thinkyou1Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/gonjiam/thinkyou2-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Thinkyou2Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/gonjiam/thinkyou3-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Thinkyou3Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/gonjiam/whisen-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const WhisenPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/gonjiam/whynot-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const WhynotPath = ({ color }: { color?: string }) => {

src/entities/slope/model/image/high1/apollo1-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Apollo1Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/high1/apollo2-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Apollo2Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/high1/apollo3-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Apollo3Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/high1/apollo4-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Apollo4Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/high1/apollo5-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Apollo5Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/high1/apollo6-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Apollo6Path = ({ color }: { color?: string }) => {

src/entities/slope/model/image/high1/athena2-path.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cn } from '@/shared/lib';
 
 const Athena2Path = ({ color }: { color?: string }) => {