곡 홍보하기
-
- 하루 50P를 소모해 검색 페이지 전광판에 곡을 홍보하세요.
-
+ 하루 단위로 전광판에 곡을 홍보할 수 있어요.
diff --git a/apps/web/src/components/ThumbUpModal.tsx b/apps/web/src/components/ThumbUpModal.tsx
index 91b242d4..b8008b43 100644
--- a/apps/web/src/components/ThumbUpModal.tsx
+++ b/apps/web/src/components/ThumbUpModal.tsx
@@ -20,6 +20,8 @@ interface ThumbUpModalProps {
songId: string;
title: string;
artist: string;
+ title_ko?: string;
+ artist_ko?: string;
thumb: number;
handleClose: () => void;
}
@@ -28,6 +30,8 @@ export default function ThumbUpModal({
songId,
title,
artist,
+ title_ko,
+ artist_ko,
thumb,
handleClose,
}: ThumbUpModalProps) {
@@ -118,7 +122,13 @@ export default function ThumbUpModal({
{title}
+ {title_ko && title_ko !== title && (
+
{title_ko}
+ )}
{artist}
+ {artist_ko && artist_ko !== artist && (
+
{artist_ko}
+ )}
diff --git a/apps/web/src/hooks/useSaveSongModal.ts b/apps/web/src/hooks/useSaveSongModal.ts
index 96b5634c..7088646b 100644
--- a/apps/web/src/hooks/useSaveSongModal.ts
+++ b/apps/web/src/hooks/useSaveSongModal.ts
@@ -6,10 +6,9 @@ import { useSaveMutation } from '@/queries/searchSongQuery';
import useAuthStore from '@/stores/useAuthStore';
import useFooterAnimateStore from '@/stores/useFooterAnimateStore';
import { Method } from '@/types/common';
-import { SearchSong } from '@/types/song';
+import { SearchSong, SearchType } from '@/types/song';
type SaveModalType = '' | 'POST' | 'PATCH';
-type SearchType = 'all' | 'title' | 'artist';
export default function useSaveSongModal(query: string, queryType: SearchType) {
const { isAuthenticated } = useAuthStore();
diff --git a/apps/web/src/hooks/useSearchSong.ts b/apps/web/src/hooks/useSearchSong.ts
index a699de15..fb2cbc4e 100644
--- a/apps/web/src/hooks/useSearchSong.ts
+++ b/apps/web/src/hooks/useSearchSong.ts
@@ -12,11 +12,9 @@ import useFooterAnimateStore from '@/stores/useFooterAnimateStore';
import useGuestToSingStore from '@/stores/useGuestToSingStore';
import useSearchHistoryStore from '@/stores/useSearchHistoryStore';
import { Method } from '@/types/common';
-import { Song } from '@/types/song';
+import { SearchType, Song } from '@/types/song';
import { getAutoCompleteSuggestions } from '@/utils/getArtistAlias';
-type SearchType = 'all' | 'title' | 'artist';
-
export default function useSearchSong() {
const { isAuthenticated } = useAuthStore();
diff --git a/apps/web/src/types/song.ts b/apps/web/src/types/song.ts
index e7624e63..583b6b43 100644
--- a/apps/web/src/types/song.ts
+++ b/apps/web/src/types/song.ts
@@ -1,3 +1,5 @@
+export type SearchType = 'all' | 'title' | 'artist' | 'number';
+
export interface Song {
id: string;
title: string;