Merge pull request #34 from tinybirdco/fix/mockingbird

Fix widget open behaviour

Author: sdairs

dashboard/components/MockingbirdWidget.tsx

@@ -63,32 +63,35 @@ export default function MockingbirdWidget() {
                 'text-white p-3 bg-blue-500 hover:bg-blueHover1',
                 open && 'bg-blueHover2 hover:bg-blueHover2'
               )}
+              disabled={isGenerating}
             >
               <CogIcon />
             </Popover.Button>
 
-            <Popover.Panel className="z-[2] absolute w-[213.3px] top-11 -right-[42.15px] flex flex-col shadow gap-2 bg-white rounded p-2">
-              <TextInput
-                value={token}
-                onChange={e => setToken(e.target.value)}
-                placeholder="Token"
-              />
-              <TextInput
-                value={host}
-                onChange={e => setHost(e.target.value)}
-                placeholder="Host"
-              />
-              <TextInput
-                value={eps}
-                onChange={e => setEPS(e.target.value)}
-                placeholder="EPS"
-              />
-              <TextInput
-                value={limit}
-                onChange={e => setLimit(e.target.value)}
-                placeholder="Limit"
-              />
-            </Popover.Panel>
+            {open && !isGenerating && (
+              <Popover.Panel className="z-[2] absolute w-[213.3px] top-11 -right-[42.15px] flex flex-col shadow gap-2 bg-white rounded p-2">
+                <TextInput
+                  value={token}
+                  onChange={e => setToken(e.target.value)}
+                  placeholder="Token"
+                />
+                <TextInput
+                  value={host}
+                  onChange={e => setHost(e.target.value)}
+                  placeholder="Host"
+                />
+                <TextInput
+                  value={eps}
+                  onChange={e => setEPS(e.target.value)}
+                  placeholder="EPS"
+                />
+                <TextInput
+                  value={limit}
+                  onChange={e => setLimit(e.target.value)}
+                  placeholder="Limit"
+                />
+              </Popover.Panel>
+            )}
           </>
         )}
       </Popover>

dashboard/lib/types/credentials.ts

@@ -1,5 +1,5 @@
 export enum HostType {
-  Eu = 'https://ui.tinybird.co',
-  Us = 'https://ui.us-east.tinybird.co',
+  Eu = 'https://api.tinybird.co',
+  Us = 'https://api.us-east.tinybird.co',
   Other = 'other',
 }

dashboard/package-lock.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@headlessui/react": "^1.7.5",
-    "@tinybirdco/mockingbird": "^1.0.2",
+    "@tinybirdco/mockingbird": "^1.0.4",
     "@tremor/react": "^1.5.0",
     "cross-fetch": "^3.1.5",
     "moment": "^2.29.4",