From f17760c7c7cdc289a11a7755b0b582df771b2b4d Mon Sep 17 00:00:00 2001
From: Nate Kelley <133379588+nate-kelley-buster@users.noreply.github.com>
Date: Tue, 13 May 2025 12:27:35 -0600
Subject: [PATCH] Update
 web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppStyling/EditTrendline/TrendlineOffset.tsx

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
---
 .../StylingAppStyling/EditTrendline/TrendlineOffset.tsx        | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppStyling/EditTrendline/TrendlineOffset.tsx b/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppStyling/EditTrendline/TrendlineOffset.tsx
index 5b2516840..d706d32ee 100644
--- a/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppStyling/EditTrendline/TrendlineOffset.tsx
+++ b/web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppStyling/EditTrendline/TrendlineOffset.tsx
@@ -12,6 +12,9 @@ interface TrendlineOffsetProps {
 export const TrendlineOffset: React.FC<TrendlineOffsetProps> = React.memo(
   ({ trend, onUpdateExisitingTrendline }) => {
     const [value, setValue] = useState(trend.offset ?? 0);
+    useEffect(() => {
+      setValue(trend.offset ?? 0);
+    }, [trend.offset]);
 
     const onChange = useMemoizedFn((value: number[]) => {
       onUpdateExisitingTrendline({ ...trend, offset: value[0] });