From 532e24e6912c0fc6da2e965f87c42d38ec925f35 Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Sun, 4 Jul 2021 18:11:43 +0200
Subject: [PATCH] Removed the open/close button from r3f

---
 packages/plugin-r3f/src/components/Editor.tsx  | 13 -------------
 packages/plugin-r3f/src/components/UI.tsx      | 13 -------------
 .../src/components/elements/Button.tsx         | 18 ------------------
 3 files changed, 44 deletions(-)
 delete mode 100644 packages/plugin-r3f/src/components/elements/Button.tsx

diff --git a/packages/plugin-r3f/src/components/Editor.tsx b/packages/plugin-r3f/src/components/Editor.tsx
index aa91ddb..2f434db 100644
--- a/packages/plugin-r3f/src/components/Editor.tsx
+++ b/packages/plugin-r3f/src/components/Editor.tsx
@@ -13,7 +13,6 @@ import studio from '@theatre/studio'
 import {useVal} from '@theatre/dataverse-react'
 import {IdProvider} from './elements/IdProvider'
 import PortalManager from './elements/PortalManager'
-import Button from './elements/Button'
 
 const EditorScene = () => {
   const orbitControlsRef = useRef<typeof OrbitControls>()
@@ -100,18 +99,6 @@ const Editor: VFC = () => {
                   </>
                 ) : null}
               </div>
-              {editorOpen || (
-                <Button
-                  className="fixed bottom-5 left-5"
-                  onClick={() => {
-                    studio.transaction(({set}) => {
-                      set(editorObject.props.isOpen, true)
-                    })
-                  }}
-                >
-                  Editor
-                </Button>
-              )}
             </div>
 
             <style type="text/css">{styles}</style>
diff --git a/packages/plugin-r3f/src/components/UI.tsx b/packages/plugin-r3f/src/components/UI.tsx
index 37a8f49..8af4969 100644
--- a/packages/plugin-r3f/src/components/UI.tsx
+++ b/packages/plugin-r3f/src/components/UI.tsx
@@ -13,7 +13,6 @@ import studio from '@theatre/studio'
 import {getSelected} from './useSelected'
 import {useVal} from '@theatre/dataverse-react'
 import IconButton from './elements/IconButton'
-import Button from './elements/Button'
 
 const UI: VFC = () => {
   const [editorObject] = useEditorStore(
@@ -135,18 +134,6 @@ const UI: VFC = () => {
               <ReferenceWindow height={referenceWindowSize} />
             </div>
           </div>
-
-          {/* Bottom-left corner*/}
-          <Button
-            className="absolute left-0 bottom-0 pointer-events-auto"
-            onClick={() =>
-              studio.transaction(({set}) => {
-                set(editorObject.props.isOpen, false)
-              })
-            }
-          >
-            Close
-          </Button>
         </div>
       </div>
     </div>
diff --git a/packages/plugin-r3f/src/components/elements/Button.tsx b/packages/plugin-r3f/src/components/elements/Button.tsx
deleted file mode 100644
index afdccb7..0000000
--- a/packages/plugin-r3f/src/components/elements/Button.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React, {forwardRef} from 'react'
-import type {ButtonProps} from 'reakit'
-import {Button as ButtonImpl} from 'reakit'
-
-export type {ButtonProps}
-
-const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {
-  return (
-    <ButtonImpl
-      // @ts-ignore
-      ref={ref}
-      {...props}
-      className={`${props.className} inline-flex justify-center rounded-md px-4 py-2 font-medium bg-gray-100 text-gray-700 hover:bg-gray-200 focus:outline-none focus:ring focus:ring-blue-300`}
-    />
-  )
-})
-
-export default Button