add functions, create and join room

src/index.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Netflix from './Netflix';
 import firebase from 'firebase/app';
+import 'antd/dist/antd.css';
+import './netflix.css';
+import './hulu.css';
+import './index.css';
+import App from './App';
 
 const firebaseConfig = {
   apiKey: 'AIzaSyCJLuYpzXLDRmu2ttzFuSGmYcpFxqToWFU',
@@ -20,17 +24,24 @@ const PartyWrapper = document.createElement('div');
 PartyWrapper.id = 'party_wrapper';
 document.body.appendChild(PartyWrapper);
 
+// STYLINGS
 if (window.location.href.startsWith('https://www.hulu.com')) {
+  // HULU 
 } else if (window.location.href.startsWith('https://www.netflix.com')) {
+  // NETFLIX
   PartyWrapper.classList.add('netflix');
   document.body.classList.add('netflix');
-  ReactDOM.render(
-    <React.StrictMode>
-      <Netflix />
-    </React.StrictMode>,
-    PartyWrapper
-  );
 } else if (window.location.href.includes('amazon.com')) {
+  // PRIME VIDEO
 } else {
-  ReactDOM.render(<div>Watch Party not supported on this site</div>, PartyWrapper);
+  // LOCAL HOST
+  PartyWrapper.classList.add('netflix');
+  document.body.classList.add('netflix');
 }
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  PartyWrapper
+);