From eb5c49b9e79b4a3f72b2c36369ef4a404b052d51 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Tue, 1 Apr 2025 18:39:55 -0600
Subject: [PATCH] lift state for axis

---
 .../BusterChartJS/hooks/useSeriesOptions/barSeriesBuilder.ts | 3 ---
 .../SelectAxisDragContainer/SelectAxisAvailableItemsList.tsx | 5 ++++-
 .../SelectAxisDragContainer/SelectAxisDropzone.tsx           | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/components/ui/charts/BusterChartJS/hooks/useSeriesOptions/barSeriesBuilder.ts b/web/src/components/ui/charts/BusterChartJS/hooks/useSeriesOptions/barSeriesBuilder.ts
index ed813d8b0..6d64833cf 100644
--- a/web/src/components/ui/charts/BusterChartJS/hooks/useSeriesOptions/barSeriesBuilder.ts
+++ b/web/src/components/ui/charts/BusterChartJS/hooks/useSeriesOptions/barSeriesBuilder.ts
@@ -29,15 +29,12 @@ export const barSeriesBuilder = ({
 
     let hasBeenDrawn = false;
 
-    console.log(hasBeenDrawn, defaultLabelOptionConfig);
-
     dataLabelOptions.stackTotal = {
       display: function (context) {
         const shownDatasets = context.chart.data.datasets.filter(
           (dataset) => !dataset.hidden && !dataset.isTrendline
         );
         const canDisplay = context.datasetIndex === shownDatasets.length - 1;
-        console.log('hit!');
         if (canDisplay && !hasBeenDrawn) {
           const chartLayout = context.chart.options.layout;
           const padding = { ...DEFAULT_CHART_LAYOUT.padding, top: 24 };
diff --git a/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/SelectAxisDragContainer/SelectAxisAvailableItemsList.tsx b/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/SelectAxisDragContainer/SelectAxisAvailableItemsList.tsx
index 33e1bd6f1..36e8fe487 100644
--- a/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/SelectAxisDragContainer/SelectAxisAvailableItemsList.tsx
+++ b/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/SelectAxisDragContainer/SelectAxisAvailableItemsList.tsx
@@ -31,7 +31,10 @@ export const AvailableItemsList: React.FC<AvailableItemsListProps> = ({
     <div ref={setNodeRef}>
       <StylingLabel label="Available">
         <div
-          className={cn(showDeleteHoverState ? 'rounded bg-red-100 shadow-xs shadow-red-300' : '')}>
+          className={cn(
+            'mb-1',
+            showDeleteHoverState ? 'rounded bg-red-100 shadow-[0_0_3px_1px] shadow-red-300' : ''
+          )}>
           {items.map((item) => (
             <SelectAxisSortableItem
               key={item.id}
diff --git a/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/SelectAxisDragContainer/SelectAxisDropzone.tsx b/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/SelectAxisDragContainer/SelectAxisDropzone.tsx
index ac0efbbf8..926fd7d8c 100644
--- a/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/SelectAxisDragContainer/SelectAxisDropzone.tsx
+++ b/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/SelectAxisDragContainer/SelectAxisDropzone.tsx
@@ -26,7 +26,7 @@ export const SelectAxisDropZone: React.FC<{
 
   const extraClass = useMemo(() => {
     if (isError) return 'text-danger-foreground shadow-[0_0_3px_1px] bg-red-200 shadow-red-200';
-    if (isSameZoneDrag) return 'text-foreground shadow-[0_0_3px_1px] shadow-primary';
+    if (isSameZoneDrag) return 'text-foreground shadow-[0_0_3px_1px] shadow-primary bg-primary/20';
     if (showHoverState) return 'text-[#32a852] shadow-[0_0_3px_1px_#32a852] bg-[#e6fce6]';
     return '';
   }, [isError, isSameZoneDrag, showHoverState]);