From f306d9e168ad5237accb93c42e9db7f6d706b19c Mon Sep 17 00:00:00 2001
From: Ryohei Ikegami <iofg2100@gmail.com>
Date: Tue, 25 Apr 2023 17:13:06 +0900
Subject: [PATCH 1/2] WIP Connect github dialog

---
 packages/dashboard/package.json               |  2 ++
 .../src/components/editor/Editor.tsx          | 19 +++++++++++++++++++
 pnpm-lock.yaml                                |  6 ++++++
 3 files changed, 27 insertions(+)

diff --git a/packages/dashboard/package.json b/packages/dashboard/package.json
index 110e7835..ce60a5ee 100644
--- a/packages/dashboard/package.json
+++ b/packages/dashboard/package.json
@@ -23,7 +23,9 @@
     "@next/font": "13.3.1",
     "@paralleldrive/cuid2": "^2.2.0",
     "@prisma/client": "^4.13.0",
+    "@radix-ui/react-dialog": "^1.0.3",
     "@radix-ui/react-dropdown-menu": "^2.0.4",
+    "@radix-ui/react-popover": "^1.0.5",
     "@tanstack/react-query": "^4.29.5",
     "@trpc/client": "^10.21.1",
     "@trpc/next": "^10.21.1",
diff --git a/packages/dashboard/src/components/editor/Editor.tsx b/packages/dashboard/src/components/editor/Editor.tsx
index d1cb8b85..7427e119 100644
--- a/packages/dashboard/src/components/editor/Editor.tsx
+++ b/packages/dashboard/src/components/editor/Editor.tsx
@@ -16,6 +16,7 @@ import { toastController } from "@uimix/foundation/src/components/toast/Toast";
 import { LoadingErrorOverlay } from "./LoadingErrorOverlay";
 import { assertNonNull } from "../../utils/assertNonNull";
 import { DefaultClipboardHandler } from "@uimix/editor/src/state/DefaultClipboardHandler";
+import * as Dialog from "@radix-ui/react-dialog";
 
 class Connection extends TypedEmitter<{
   readyToShow(): void;
@@ -183,6 +184,24 @@ const Editor: React.FC<{
             }
           }}
         />
+        <div className="absolute right-0 top-0 bottom-0 flex items-center px-2 gap-2">
+          <button className="h-fit bg-blue-500 hover:bg-blue-700 text-xs text-white py-1 px-3 rounded flex items-center gap-1">
+            Share
+          </button>
+          <Dialog.Root>
+            <Dialog.Trigger asChild>
+              <button className="h-fit bg-blue-500 hover:bg-blue-700 text-xs text-white py-1 px-3 rounded flex items-center gap-1">
+                Connect GitHub...
+              </button>
+            </Dialog.Trigger>
+            <Dialog.Portal>
+              <Dialog.Overlay className="fixed inset-0 bg-black bg-opacity-30 z-20" />
+              <Dialog.Content className="fixed inset-20 bg-white z-30">
+                Test dialog
+              </Dialog.Content>
+            </Dialog.Portal>
+          </Dialog.Root>
+        </div>
       </div>
       <iframe
         ref={iframeRef}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 785be12c..2fd88252 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -244,9 +244,15 @@ importers:
       '@prisma/client':
         specifier: ^4.13.0
         version: 4.13.0(prisma@4.13.0)
+      '@radix-ui/react-dialog':
+        specifier: ^1.0.3
+        version: 1.0.3(@types/react@18.0.38)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-dropdown-menu':
         specifier: ^2.0.4
         version: 2.0.4(@types/react@18.0.38)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-popover':
+        specifier: ^1.0.5
+        version: 1.0.5(@types/react@18.0.38)(react-dom@18.2.0)(react@18.2.0)
       '@tanstack/react-query':
         specifier: ^4.29.5
         version: 4.29.5(react-dom@18.2.0)(react@18.2.0)

From 7ec5028ced8e88a3e9f88abd93030721fe0d95f5 Mon Sep 17 00:00:00 2001
From: Ryohei Ikegami <iofg2100@gmail.com>
Date: Tue, 25 Apr 2023 17:41:09 +0900
Subject: [PATCH 2/2] WIP

---
 .../dashboard/src/components/editor/Editor.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/dashboard/src/components/editor/Editor.tsx b/packages/dashboard/src/components/editor/Editor.tsx
index 7427e119..58b7d6de 100644
--- a/packages/dashboard/src/components/editor/Editor.tsx
+++ b/packages/dashboard/src/components/editor/Editor.tsx
@@ -196,8 +196,22 @@ const Editor: React.FC<{
             </Dialog.Trigger>
             <Dialog.Portal>
               <Dialog.Overlay className="fixed inset-0 bg-black bg-opacity-30 z-20" />
-              <Dialog.Content className="fixed inset-20 bg-white z-30">
-                Test dialog
+              <Dialog.Content className="fixed inset-20 bg-white z-30 p-4">
+                <div>
+                  <label>Repository</label>
+                  <input />
+                </div>
+                <div>
+                  <label>Branch</label>
+                  <input />
+                </div>
+                <div>
+                  <label>Directory</label>
+                  <input />
+                </div>
+                <button className="w-fit h-fit bg-blue-500 hover:bg-blue-700 text-xs text-white py-1 px-3 rounded flex items-center gap-1">
+                  Save
+                </button>
               </Dialog.Content>
             </Dialog.Portal>
           </Dialog.Root>