Redone UI, add leave and delete logic

src/index.js

@@ -1,11 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import firebase from 'firebase/app';
-import 'antd/dist/antd.css';
-import './netflix.css';
-import './hulu.css';
-import './index.css';
 import App from './App';
+import './index.css';
 
 const firebaseConfig = {
   apiKey: 'AIzaSyCJLuYpzXLDRmu2ttzFuSGmYcpFxqToWFU',
@@ -24,20 +21,15 @@ 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');
-} else if (window.location.href.includes('amazon.com')) {
-  // PRIME VIDEO
-} else {
-  // LOCAL HOST
-  PartyWrapper.classList.add('netflix');
-  document.body.classList.add('netflix');
-}
+const HREF = window.location.href;
+
+// https://www.netflix. -- netflix
+// https://www.hulu.    -- hulu
+// https://www.amazon.  -- amazon prime
+
+if (HREF.startsWith('https://www.amazon')) document.body.classList.add('amazon-prime');
+if (HREF.startsWith('https://www.hulu')) document.body.classList.add('hulu');
+if (HREF.startsWith('https://www.netflix')) document.body.classList.add('netflix');
 
 ReactDOM.render(
   <React.StrictMode>