fix(site): fix insights picker and disable animation (coder#11391)

BrunoQuaresma · web-flow · commit f5196c06e188 · 2024-01-03T16:25:01.000Z
diff --git a/site/src/components/ActiveUserChart/ActiveUserChart.tsx b/site/src/components/ActiveUserChart/ActiveUserChart.tsx
@@ -62,6 +62,7 @@ export const ActiveUserChart: FC<ActiveUserChartProps> = ({
 
   const options: ChartOptions<"line"> = {
     responsive: true,
+    animation: false,
     plugins: {
       annotation: {
         annotations: [
diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/DateRange.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/DateRange.tsx
@@ -49,22 +49,18 @@ export const DateRange: FC<DateRangeProps> = ({ value, onChange }) => {
       key: "selection",
     },
   ]);
-  const currentRange = {
-    startDate: ranges[0].startDate as Date,
-    endDate: ranges[0].endDate as Date,
-  };
 
   return (
     <Popover>
       {(popover) => (
         <>
           <PopoverTrigger>
             <Button>
-              <span>{format(currentRange.startDate, "MMM d, Y")}</span>
+              <span>{format(value.startDate, "MMM d, Y")}</span>
               <ArrowRightAltOutlined
                 css={{ width: 16, height: 16, marginLeft: 8, marginRight: 8 }}
               />
-              <span>{format(currentRange.endDate, "MMM d, Y")}</span>
+              <span>{format(value.endDate, "MMM d, Y")}</span>
             </Button>
           </PopoverTrigger>
           <PopoverContent>
