|
@@ -10,10 +10,10 @@ const CustomNavigation = (props) => {
|
|
|
const [sliderWidth, setSliderWidth] = useState(0);
|
|
const [sliderWidth, setSliderWidth] = useState(0);
|
|
|
const [sliderMarginLeft, setSliderMarginLeft] = useState(0);
|
|
const [sliderMarginLeft, setSliderMarginLeft] = useState(0);
|
|
|
const navContainer = useRef();
|
|
const navContainer = useRef();
|
|
|
- const tabs = {};
|
|
|
|
|
|
|
+ const navTabs = {};
|
|
|
|
|
|
|
|
Object.keys(props.navTabMapping).forEach((key) => {
|
|
Object.keys(props.navTabMapping).forEach((key) => {
|
|
|
- tabs[key] = React.createRef();
|
|
|
|
|
|
|
+ navTabs[key] = React.createRef();
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
@@ -28,14 +28,13 @@ const CustomNavigation = (props) => {
|
|
|
|
|
|
|
|
function registerNavLink(key, elm) {
|
|
function registerNavLink(key, elm) {
|
|
|
if (elm != null) {
|
|
if (elm != null) {
|
|
|
- tabs[key] = elm;
|
|
|
|
|
|
|
+ navTabs[key] = elm;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
useEffect(() => {
|
|
|
|
|
|
|
|
const navBar = navContainer;
|
|
const navBar = navContainer;
|
|
|
- const navTabs = tabs;
|
|
|
|
|
|
|
|
|
|
if (activeTab === '') {
|
|
if (activeTab === '') {
|
|
|
return;
|
|
return;
|