From b2df7da6702071acf833eb71310046d32e988994 Mon Sep 17 00:00:00 2001
From: Youngteac Hong <susukang98@gmail.com>
Date: Fri, 13 Dec 2024 15:56:33 +0900
Subject: [PATCH] Show v2 dialog (#295)

---
 src/components/application/InstantBoard.tsx | 14 ++++++++++++--
 src/pages/PageLayout.tsx                    |  2 +-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/application/InstantBoard.tsx b/src/components/application/InstantBoard.tsx
index 3306eed8..e56d1ec6 100644
--- a/src/components/application/InstantBoard.tsx
+++ b/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>
   );
 }
diff --git a/src/pages/PageLayout.tsx b/src/pages/PageLayout.tsx
index f0fabb46..7dceb777 100644
--- a/src/pages/PageLayout.tsx
+++ b/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}>