From b8f3fe80ed8913d75076c7f775db8e5125020b49 Mon Sep 17 00:00:00 2001
From: Leonardo <leomilho@gmail.com>
Date: Wed, 12 Jun 2024 20:26:19 +0200
Subject: [PATCH] fix: move add viz button to right
---
.../vis/components/VisualizationTabBar.tsx | 59 ++++++++++---------
1 file changed, 30 insertions(+), 29 deletions(-)
diff --git a/libs/shared/lib/vis/components/VisualizationTabBar.tsx b/libs/shared/lib/vis/components/VisualizationTabBar.tsx
index 1c39bdc3f..c370b2265 100644
--- a/libs/shared/lib/vis/components/VisualizationTabBar.tsx
+++ b/libs/shared/lib/vis/components/VisualizationTabBar.tsx
@@ -41,6 +41,36 @@ export default function VisualizationTabBar(props: { fullSize: () => void }) {
<div className="flex items-center">
<h1 className="text-xs font-semibold text-secondary-600 px-2 truncate">Visualization</h1>
</div>
+
+ <Tabs>
+ {openVisualizationArray.map((vis, i) => {
+ const isActive = activeVisualizationIndex === i;
+ return (
+ <Tab
+ key={i}
+ activeTab={isActive}
+ text={vis.name}
+ onClick={() => onSelect(i)}
+ onDragStart={(e) => handleDragStart(e, i)}
+ onDragOver={(e) => handleDragOver(e)}
+ onDrop={(e) => handleDrop(e, i)}
+ draggable
+ >
+ <Button
+ variantType="secondary"
+ variant="ghost"
+ rounded
+ size="2xs"
+ iconComponent={<Close />}
+ onClick={(e) => {
+ e.stopPropagation();
+ onDelete(i);
+ }}
+ />
+ </Tab>
+ );
+ })}
+ </Tabs>
<div className="items-center shrink-0 px-0.5">
<TooltipProvider delayDuration={0}>
<Tooltip>
@@ -72,35 +102,6 @@ export default function VisualizationTabBar(props: { fullSize: () => void }) {
</Tooltip>
</TooltipProvider>
</div>
- <Tabs>
- {openVisualizationArray.map((vis, i) => {
- const isActive = activeVisualizationIndex === i;
- return (
- <Tab
- key={i}
- activeTab={isActive}
- text={vis.name}
- onClick={() => onSelect(i)}
- onDragStart={(e) => handleDragStart(e, i)}
- onDragOver={(e) => handleDragOver(e)}
- onDrop={(e) => handleDrop(e, i)}
- draggable
- >
- <Button
- variantType="secondary"
- variant="ghost"
- rounded
- size="2xs"
- iconComponent={<Close />}
- onClick={(e) => {
- e.stopPropagation();
- onDelete(i);
- }}
- />
- </Tab>
- );
- })}
- </Tabs>
<div className="shrink-0 sticky right-0 px-0.5 ml-auto items-center flex">
<ControlContainer>
<TooltipProvider delayDuration={0}>
--
GitLab