Rename Song to Track

apollographql · Mar 5, 2024 · 938a365 · 938a365
1 parent 64d67be
commit 938a365
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/client/src/components/Playbar.tsx b/client/src/components/Playbar.tsx
@@ -33,7 +33,7 @@ import { fragmentRegistry } from '../apollo/fragmentRegistry';
 import Skeleton from './Skeleton';
 import LikeButton from './LikeButton';
 import { withHighlight } from './LoadingStateHighlighter';
-import SongQuiz from './SongQuiz';
+import TrackQuiz from './TrackQuiz';
 
 const EPISODE_SKIP_FORWARD_AMOUNT = 15_000;
 
@@ -128,7 +128,7 @@ const Playbar = () => {
                 context={playbackState?.context ?? null}
                 track={playbackItem}
               />
-              <SongQuiz id={playbackItem.id} />
+              <TrackQuiz id={playbackItem.id} />
             </>
           ) : playbackItem?.__typename === 'Episode' ? (
             <EpisodePlaybackDetails episode={playbackItem} />

diff --git a/client/src/components/SongQuiz.tsx → client/src/components/TrackQuiz.tsx b/client/src/components/SongQuiz.tsx → client/src/components/TrackQuiz.tsx
@@ -4,10 +4,8 @@ import { X, Pizza } from 'lucide-react';
 import {
   QueryReference,
   gql,
-  useBackgroundQuery,
   useLoadableQuery,
   useReadQuery,
-  useSuspenseQuery,
 } from '@apollo/client';
 import { Suspense, useState } from 'react';
 import cx from 'classnames';
@@ -16,8 +14,8 @@ import cx from 'classnames';
 //   CurrentUserQuery,
 //   CurrentUserQueryVariables
 // >
-const SONG_QUIZ_QUERY = gql`
-  query SongQuiz($trackId: ID!) {
+const QUIZ_QUERY = gql`
+  query TrackQuiz($trackId: ID!) {
     track(id: $trackId) {
       quiz {
         question
@@ -31,8 +29,8 @@ const SONG_QUIZ_QUERY = gql`
   }
 `;
 
-const SongQuiz = ({ id }: { id: string }) => {
-  const [loadQuiz, queryRef] = useLoadableQuery(SONG_QUIZ_QUERY);
+const TrackQuiz = ({ id }: { id: string }) => {
+  const [loadQuiz, queryRef] = useLoadableQuery(QUIZ_QUERY);
 
   return (
     <QuizDialog id={id} queryRef={queryRef}>
@@ -47,7 +45,7 @@ const SongQuiz = ({ id }: { id: string }) => {
   );
 };
 
-export default SongQuiz;
+export default TrackQuiz;
 
 const QuizDialog = ({
   id,