import React from 'react';
import ReactDOM from 'react-dom';
import firebase from 'firebase/app';
import App from './App';
import './index.css';

const firebaseConfig = {
  apiKey: 'AIzaSyCJLuYpzXLDRmu2ttzFuSGmYcpFxqToWFU',
  authDomain: 'watch-party-crx.firebaseapp.com',
  databaseURL: 'https://watch-party-crx.firebaseio.com',
  projectId: 'watch-party-crx',
  storageBucket: 'watch-party-crx.appspot.com',
  messagingSenderId: '712242707190',
  appId: '1:712242707190:web:65fa7f772e30da364b0ad7',
  measurementId: 'G-EZS4PEVG4T',
};

firebase.initializeApp(firebaseConfig);

const PartyWrapper = document.createElement('div');
PartyWrapper.id = 'party_wrapper';
document.body.appendChild(PartyWrapper);

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>
    <App />
  </React.StrictMode>,
  PartyWrapper
);