From 0c275a8f3ed6aab9da216a35e92834a90abe0f61 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Leszczyk?= <michasko37@gmail.com>
Date: Wed, 23 Feb 2022 10:41:20 +0100
Subject: [PATCH] fix(dashboard-v2): fix active tab indicator after window
 resize

---
 .../dashboard-v2/src/components/Tabs/ActiveTabIndicator.js    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/dashboard-v2/src/components/Tabs/ActiveTabIndicator.js b/packages/dashboard-v2/src/components/Tabs/ActiveTabIndicator.js
index f6f89266..d1aac605 100644
--- a/packages/dashboard-v2/src/components/Tabs/ActiveTabIndicator.js
+++ b/packages/dashboard-v2/src/components/Tabs/ActiveTabIndicator.js
@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import styled from "styled-components";
+import { useWindowSize } from "react-use";
 
 const Wrapper = styled.div.attrs({
   className: "absolute left-0 bottom-0 w-full h-0.5 bg-palette-200",
@@ -15,6 +16,7 @@ const Indicator = styled.div.attrs({
 export const ActiveTabIndicator = ({ tabRef }) => {
   const [position, setPosition] = useState(0);
   const [width, setWidth] = useState(0);
+  const { width: windowWidth } = useWindowSize();
 
   useEffect(() => {
     if (!tabRef?.current) {
@@ -24,7 +26,7 @@ export const ActiveTabIndicator = ({ tabRef }) => {
     const { offsetLeft, offsetWidth } = tabRef.current;
     setPosition(offsetLeft);
     setWidth(offsetWidth);
-  }, [tabRef]);
+  }, [tabRef, windowWidth]);
 
   return (
     <Wrapper>