From 57e96f78377d57d413fdddec828aebc342696f8b Mon Sep 17 00:00:00 2001
From: TheExGenesis <7385326+TheExGenesis@users.noreply.github.com>
Date: Thu, 14 Apr 2022 15:52:28 +0100
Subject: [PATCH] fix(ObjectEditor): Remove new object creator (too buggy)

---
 .../components/ObjectEditor/ObjectEditor.tsx  | 78 +++++++++++--------
 .../ObjectView/ReferenceableSelector.tsx      |  2 +-
 2 files changed, 48 insertions(+), 32 deletions(-)

diff --git a/packages/unigraph-dev-explorer/src/components/ObjectEditor/ObjectEditor.tsx b/packages/unigraph-dev-explorer/src/components/ObjectEditor/ObjectEditor.tsx
index 4ff33d04..191fe30c 100644
--- a/packages/unigraph-dev-explorer/src/components/ObjectEditor/ObjectEditor.tsx
+++ b/packages/unigraph-dev-explorer/src/components/ObjectEditor/ObjectEditor.tsx
@@ -490,40 +490,56 @@ export function ObjectEditorSelector({ currentUid, setCurrentUid, style }: any)
 
     const [currentInputUid, setCurrentInputUid] = React.useState(currentUid || '');
 
-    useEffectOnce(() => {
+    React.useEffect(() => {
         window.unigraph.getReferenceables().then((refs: any) => setReferenceables(refs));
-    });
+    }, []);
+    React.useEffect(() => {
+        console.log('Object Editor', { currentInputUid, currentSchema, currentSchemaSHName });
+    }, [currentInputUid]);
 
     return (
-        <Box sx={{ display: 'inline-flex', flexDirection: 'row', alignItems: 'center' }}>
-            <TextField
-                onChange={(e) => {
-                    setCurrentInputUid(e.target.value);
-                }}
-                value={currentInputUid}
-            />
-            <Button onClick={() => setCurrentUid(currentInputUid)}>Load object</Button>
-            Schema name:{' '}
-            <ReferenceableSelectorControlled
-                referenceables={referenceables}
-                onChange={(schema: string) =>
-                    window.unigraph.getSchemas().then((schemas: Record<string, SchemaDgraph>) => {
-                        setCurrentSchema(schemas[schema]);
-                        setCurrentSchemaSHName(schema);
-                    })
-                }
-                value={currentSchema?._definition?.type['unigraph.id']}
-                sx={{ width: '300px' }}
-            />
-            <Button
-                onClick={async () => {
-                    const returnUid = await window.unigraph.addObject({}, currentSchemaSHName);
-                    setCurrentUid(returnUid);
-                }}
-            >
-                Create with schema
-            </Button>
-        </Box>
+        <div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+            {/* <div style={{ display: 'flex', flexDirection: 'column' }}>
+                Create a new object
+                <Box sx={{ display: 'inline-flex', flexDirection: 'row', alignItems: 'center' }}>
+                    <ReferenceableSelectorControlled
+                        referenceables={referenceables}
+                        onChange={(schema: string) =>
+                            window.unigraph.getSchemas().then((schemas: Record<string, SchemaDgraph>) => {
+                                setCurrentSchema(schemas[schema]);
+                                setCurrentSchemaSHName(schema);
+                            })
+                        }
+                        value={currentSchema?._definition?.type['unigraph.id']}
+                        sx={{ width: '300px' }}
+                    />
+                    <Button
+                        onClick={async () => {
+                            const returnUid = await window.unigraph.addObject({}, currentSchemaSHName);
+                            console.log('Obj Editor: Added new obj', { returnUid });
+
+                            setCurrentUid(returnUid);
+                        }}
+                    >
+                        Create
+                    </Button>
+                </Box>
+            </div>
+            or */}
+            <div style={{ display: 'flex', flexDirection: 'column' }}>
+                Load an existing object
+                <Box sx={{ display: 'inline-flex', flexDirection: 'row', alignItems: 'center' }}>
+                    <TextField
+                        onChange={(e) => {
+                            setCurrentInputUid(e.target.value);
+                        }}
+                        value={currentInputUid}
+                        label="Object UID"
+                    />
+                    <Button onClick={() => setCurrentUid(currentInputUid)}>Load</Button>
+                </Box>
+            </div>
+        </div>
     );
 }
 
diff --git a/packages/unigraph-dev-explorer/src/components/ObjectView/ReferenceableSelector.tsx b/packages/unigraph-dev-explorer/src/components/ObjectView/ReferenceableSelector.tsx
index 5c647037..ae02022b 100644
--- a/packages/unigraph-dev-explorer/src/components/ObjectView/ReferenceableSelector.tsx
+++ b/packages/unigraph-dev-explorer/src/components/ObjectView/ReferenceableSelector.tsx
@@ -10,7 +10,7 @@ export function ReferenceableSelectorControlled({ referenceables, value, onChang
             renderInput={(params) => (
                 <TextField
                     {...params}
-                    label="Type"
+                    label="Object Schema"
                     variant="filled"
                     value={value || ''}
                     sx={{