From 279bd2f0dfe111aabea50ea162b0097ece6ba786 Mon Sep 17 00:00:00 2001
From: Chris Williams <chris.williams@airbnb.com>
Date: Thu, 15 Oct 2020 15:12:59 -0700
Subject: [PATCH] new(demo/xychart): use AnimatedLineSeries

---
 .../visx-demo/src/sandboxes/visx-xychart/Example.tsx   | 10 +++++-----
 .../src/components/series/private/BaseBarGroup.tsx     |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/visx-demo/src/sandboxes/visx-xychart/Example.tsx b/packages/visx-demo/src/sandboxes/visx-xychart/Example.tsx
index 3ec17ddd9b..365e26c782 100644
--- a/packages/visx-demo/src/sandboxes/visx-xychart/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-xychart/Example.tsx
@@ -2,12 +2,12 @@ import React from 'react';
 import { CityTemperature } from '@visx/mock-data/lib/mocks/cityTemperature';
 import {
   AnimatedAxis,
-  AnimatedGrid,
-  DataProvider,
   AnimatedBarGroup,
   AnimatedBarSeries,
   AnimatedBarStack,
-  LineSeries,
+  AnimatedGrid,
+  AnimatedLineSeries,
+  DataProvider,
   Tooltip,
   XYChart,
 } from '@visx/xychart';
@@ -112,14 +112,14 @@ export default function Example({ height }: Props) {
             )}
             {renderLineSeries && (
               <>
-                <LineSeries
+                <AnimatedLineSeries
                   dataKey="San Francisco"
                   data={renderBarStack ? data : data}
                   xAccessor={accessors.x['San Francisco']}
                   yAccessor={accessors.y['San Francisco']}
                   horizontal={!renderHorizontally}
                 />
-                <LineSeries
+                <AnimatedLineSeries
                   dataKey="Austin"
                   data={renderBarStack ? data : data}
                   xAccessor={accessors.x.Austin}
diff --git a/packages/visx-xychart/src/components/series/private/BaseBarGroup.tsx b/packages/visx-xychart/src/components/series/private/BaseBarGroup.tsx
index e297563f4e..8bbe0d4ede 100644
--- a/packages/visx-xychart/src/components/series/private/BaseBarGroup.tsx
+++ b/packages/visx-xychart/src/components/series/private/BaseBarGroup.tsx
@@ -21,7 +21,7 @@ export type BaseBarGroupProps<XScale extends PositionScale, YScale extends Posit
   padding?: number;
   /** Comparator function to sort `dataKeys` within a bar group. By default the DOM rendering order of `BarGroup`s `children` is used. */
   sortBars?: (dataKeyA: string, dataKeyB: string) => number;
-  /** Rendered component which is passed BarsProps by BaseBarSeries after processing. */
+  /** Rendered component which is passed BarsProps by BaseBarGroup after processing. */
   BarsComponent: React.FC<BarsProps<XScale, YScale>>;
 };