diff --git a/.env b/.env
new file mode 100644
index 0000000000..3562aadd63
--- /dev/null
+++ b/.env
@@ -0,0 +1,10 @@
+# See config.ts for list of server config variables
+# Look for REACT_APP_* for client config variables
+
+NODE_ENV=development
+# YOUTUBE_API_KEY=AIzaSyDnN7UR7Zsb-wd6nljSXHRrQXwgTGXq3kI
+YOUTUBE_API_KEY=AIzaSyBHZsIf0ntfPYGVAS9RpNz3pEGXuDHlbkY
+REACT_APP_FIREBASE_CONFIG={"apiKey":"AIzaSyA2fkXeFokJ-Ei_jnzDso5AmjbIaMdzuEc","authDomain":"watchparty-273604.firebaseapp.com","databaseURL":"https://watchparty-273604.firebaseio.com","projectId":"watchparty-273604","storageBucket":"watchparty-273604.appspot.com","messagingSenderId":"769614672795","appId":"1:769614672795:web:54bbda86288ab1a034273e"}
+# FIREBASE_ADMIN_SDK_CONFIG=REPLACE_ME
+# DATABASE_URL=postgresql://postgres@localhost:5432/postgres?sslmode=disable
+# REDIS_URL=localhost:6379
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index f964fb634c..819f01a6b3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -14,7 +14,7 @@
 
 # misc
 .DS_Store
-.env
+# .env
 .env.local
 .env.development.local
 .env.test.local
diff --git a/src/components/App/App.tsx b/src/components/App/App.tsx
index ec53e97475..66102e5a75 100644
--- a/src/components/App/App.tsx
+++ b/src/components/App/App.tsx
@@ -149,6 +149,7 @@ export interface AppState {
   isHome: boolean;
   clipboard?: string | undefined;
   isCollapsed: boolean;
+  isTheatre: boolean;
 }
 
 export default class App extends React.Component<AppProps, AppState> {
@@ -216,6 +217,7 @@ export default class App extends React.Component<AppProps, AppState> {
     isHome: true,
     clipboard: undefined,
     isCollapsed: false,
+    isTheatre: false,
   };
   socket: Socket = null as any;
   watchPartyYTPlayer: any = null;
@@ -225,7 +227,6 @@ export default class App extends React.Component<AppProps, AppState> {
   screenSharePC?: RTCPeerConnection;
   progressUpdater?: number;
   heartbeat: number | undefined = undefined;
-
   chatRef = React.createRef<Chat>();
 
   async componentDidMount() {