From a0fa7606f5024c66083986ae7b452b43be9a5c78 Mon Sep 17 00:00:00 2001
From: Cindy Le <cindyledev@gmail.com>
Date: Wed, 21 Oct 2020 10:16:16 -0400
Subject: [PATCH] renamed Player pages and components to Streams

---
 src/frontend/src/components/Header/DesktopHeader.jsx |  6 ++++--
 src/frontend/src/components/Header/MobileHeader.jsx  |  4 ++--
 src/frontend/src/components/PlayerPage/index.js      |  3 ---
 .../PlayerPage.jsx => StreamsPage/StreamsPage.jsx}   |  2 +-
 src/frontend/src/components/StreamsPage/index.js     |  3 +++
 src/frontend/src/pages/player.js                     | 12 ------------
 src/frontend/src/pages/streams.js                    | 12 ++++++++++++
 7 files changed, 22 insertions(+), 20 deletions(-)
 delete mode 100644 src/frontend/src/components/PlayerPage/index.js
 rename src/frontend/src/components/{PlayerPage/PlayerPage.jsx => StreamsPage/StreamsPage.jsx} (96%)
 create mode 100644 src/frontend/src/components/StreamsPage/index.js
 delete mode 100644 src/frontend/src/pages/player.js
 create mode 100644 src/frontend/src/pages/streams.js

diff --git a/src/frontend/src/components/Header/DesktopHeader.jsx b/src/frontend/src/components/Header/DesktopHeader.jsx
index bd67beb769..ff264baaa2 100644
--- a/src/frontend/src/components/Header/DesktopHeader.jsx
+++ b/src/frontend/src/components/Header/DesktopHeader.jsx
@@ -58,8 +58,10 @@ export default function DesktopHeader() {
             </Link>
           </Button>
           <Button color="inherit" size="medium" className={classes.button}>
-            <Link to="/player" className={classes.links}>
-              Player
+            <Link to="/streams" className={classes.links}>
+              <Badge badgeContent={'BETA'} color="error">
+                Streams
+              </Badge>
             </Link>
           </Button>
           <Button color="inherit" size="medium" className={classes.button}>
diff --git a/src/frontend/src/components/Header/MobileHeader.jsx b/src/frontend/src/components/Header/MobileHeader.jsx
index 7b9ea7a10d..180f09a025 100644
--- a/src/frontend/src/components/Header/MobileHeader.jsx
+++ b/src/frontend/src/components/Header/MobileHeader.jsx
@@ -100,9 +100,9 @@ export default function MobileHeader() {
           HOME
         </ListItem>
         <Divider className={classes.line} />
-        <ListItem button component={Link} to="/player" className={classes.item}>
+        <ListItem button component={Link} to="/streams" className={classes.item}>
           <Badge badgeContent={'BETA'} color="error">
-            PLAYER
+            STREAMS
           </Badge>
         </ListItem>
         <Divider className={classes.line} />
diff --git a/src/frontend/src/components/PlayerPage/index.js b/src/frontend/src/components/PlayerPage/index.js
deleted file mode 100644
index 153a733082..0000000000
--- a/src/frontend/src/components/PlayerPage/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import PlayerPage from './PlayerPage.jsx';
-
-export default PlayerPage;
diff --git a/src/frontend/src/components/PlayerPage/PlayerPage.jsx b/src/frontend/src/components/StreamsPage/StreamsPage.jsx
similarity index 96%
rename from src/frontend/src/components/PlayerPage/PlayerPage.jsx
rename to src/frontend/src/components/StreamsPage/StreamsPage.jsx
index d9a73ea5ac..63a071812a 100644
--- a/src/frontend/src/components/PlayerPage/PlayerPage.jsx
+++ b/src/frontend/src/components/StreamsPage/StreamsPage.jsx
@@ -25,7 +25,7 @@ const useStyles = makeStyles((theme) => ({
   },
 }));
 
-export default function PlayerPage() {
+export default function StreamsPage() {
   const classes = useStyles();
 
   return (
diff --git a/src/frontend/src/components/StreamsPage/index.js b/src/frontend/src/components/StreamsPage/index.js
new file mode 100644
index 0000000000..b3ee60aa4a
--- /dev/null
+++ b/src/frontend/src/components/StreamsPage/index.js
@@ -0,0 +1,3 @@
+import StreamsPage from './StreamsPage.jsx';
+
+export default StreamsPage;
diff --git a/src/frontend/src/pages/player.js b/src/frontend/src/pages/player.js
deleted file mode 100644
index 0784511030..0000000000
--- a/src/frontend/src/pages/player.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-
-import PageBase from './PageBase';
-import PlayerPage from '../components/PlayerPage';
-
-export default function Player() {
-  return (
-    <PageBase title="Player">
-      <PlayerPage />
-    </PageBase>
-  );
-}
diff --git a/src/frontend/src/pages/streams.js b/src/frontend/src/pages/streams.js
new file mode 100644
index 0000000000..e97dccd0b6
--- /dev/null
+++ b/src/frontend/src/pages/streams.js
@@ -0,0 +1,12 @@
+import React from 'react';
+
+import PageBase from './PageBase';
+import StreamsPage from '../components/StreamsPage';
+
+export default function Streams() {
+  return (
+    <PageBase title="Streams">
+      <StreamsPage />
+    </PageBase>
+  );
+}