Show v2 dialog (#295)

Author: hackerwins

src/components/application/InstantBoard.tsx

@@ -1,17 +1,28 @@
 import React from 'react';
 
 export function InstantBoard() {
+  const oldURL = new URL(window.location.href);
+  const newHostname = oldURL.hostname.replace('-old', '');
+  const newURL = `${oldURL.protocol}//${newHostname}${oldURL.port ? `:${oldURL.port}` : ''}`;
+
   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

@@ -207,7 +207,7 @@ export default function PageLayout({ children }: PageLayoutProps) {
   const menu = useSelector((state: AppState) => state.settingState.menu);
   const { classes } = useStyles({
     open: navState.openTab,
-    openInstant: navState.openInstant,
+    openInstant: true,
     sidebarWidth: navState.sidebarWidth,
   } as LayoutProps);
   const location = useLocation();