Rename YouTube -> MiniYouTubePlayer to reduce confusion

3 files changed, 5 insertions, 5 deletions

diff --git a/src/components/YouTube/index.tsx b/src/components/MiniYouTubePlayer/index.tsx
index 13ffeaa..0244524 100644
--- a/src/components/YouTube/index.tsx
+++ b/src/components/MiniYouTubePlayer/index.tsx
@@ -5,7 +5,7 @@ interface Props {
   id: string;
 }
 
-export function YouTube({ id }: Props) {
+export function MiniYouTubePlayer({ id }: Props) {
   return (
     <div style={{ margin: "5% 0" }}>
       <YouTubePlayer
diff --git a/src/components/Result/index.tsx b/src/components/Result/index.tsx
index 4aadbc6..2e1e03a 100644
--- a/src/components/Result/index.tsx
+++ b/src/components/Result/index.tsx
@@ -5,7 +5,7 @@ import { GuessType } from "../../types/guess";
 import { scoreToEmoji } from "../../helpers";
 
 import { Button } from "../Button";
-import { YouTube } from "../YouTube";
+import { MiniYouTubePlayer } from "../MiniYouTubePlayer";
 
 import * as Styled from "./index.styled";
 
@@ -45,7 +45,7 @@ export function Result({
         <Styled.Tries>
           You guessed it in {currentTry} {currentTry === 1 ? 'try' : 'tries'}.
         </Styled.Tries>
-        <YouTube id={todaysSolution.youtubeId} />
+        <MiniYouTubePlayer id={todaysSolution.youtubeId} />
         <Button onClick={copyResult} variant="green">
           Copy results
         </Button>
@@ -61,7 +61,7 @@ export function Result({
         <Styled.SongTitle>
           Today&apos;s song is {todaysSolution.artist} - {todaysSolution.name}
         </Styled.SongTitle>
-        <YouTube id={todaysSolution.youtubeId} />
+        <MiniYouTubePlayer id={todaysSolution.youtubeId} />
         <Button onClick={copyResult} variant="red">
           Copy results
         </Button>
diff --git a/src/components/index.ts b/src/components/index.ts
index 75672f3..0e97ada 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -4,7 +4,7 @@ export { Game } from "./Game";
 export { Guess } from "./Guess";
 export { Header } from "./Header";
 export { InfoPopUp } from "./InfoPopUp";
+export { MiniYouTubePlayer} from "./MiniYouTubePlayer";
 export { Player } from "./Player";
 export { Result } from "./Result";
 export { Search } from "./Search";
-export { YouTube } from "./YouTube";