Show v2 dialog

src/components/application/InstantBoard.tsx

@@ -1,17 +1,27 @@
 import React from 'react';
 
 export function InstantBoard() {
+  const oldURL = window.location.hostname;
+  const newURL = oldURL.replace('-old', '');
+
   return (
     <div
       style={{
         display: 'flex',
         justifyContent: 'center',
-        alignItems: 'center',
+        alignItems: 'left',
         height: '100%',
         overflow: 'hidden',
+        padding: 16,
+        flexDirection: 'column',
       }}
     >
-      Comming Soon...
+      <p>CodePair v2 is released! 🎉 You can now share your code with your friends and code together in real-time.</p>
+      <p>
+        Visit&nbsp;
+        <a href={newURL}>{newURL}</a>
+        &nbsp;to start coding together.
+      </p>
     </div>
   );
 }

src/pages/PageLayout.tsx

@@ -328,7 +328,7 @@ export default function PageLayout({ children }: PageLayoutProps) {
           </div>
           <div className={classes.editorContentArea}>{children}</div>
         </div>
-        <div className={classes.instantArea}>
+        <div className={classes.instantArea} style={{ display: 'block' }}>
           <InstantBoard />
         </div>
         <div className={classes.guideArea}>