File Manager

X7ROOT File Manager

Current Path: /home/freights/public_html/wp-content/themes/vandana-lite/src/components/Tab

home / freights / public_html / wp-content / themes / vandana-lite / src / components / Tab /

?? ..
?? index.jsx(1.24 KB)
?? useTabs.jsx(1.58 KB)

Editing: useTabs.jsx

import { useRef, useState, useEffect } from 'react';
import { useNavigate } from 'react-router-dom';

function useTabs(initialTabs, initialActiveTab = 0, onChange) {
	const tabsRef = useRef(initialTabs);
	const [activeTab, setActiveTab] = useState(initialActiveTab);
	const navigate = useNavigate();

useEffect(() => {
		checkHash();
		window.addEventListener('hashchange', checkHash);
		return () => {
			window.removeEventListener('hashchange', checkHash);
		};
	}, []);

const renderTabs = () => {
		return tabsRef.current.map((tab, index) => (
			<button
				key={index}
				onClick={() => handleTabClick(index)}
				className={activeTab === index ? 'active-tab' : ''}
			>
				{tab.icon}
				{tab.title}
			</button>
		));
	};

const renderContent = () => {
		return tabsRef.current[activeTab].content;
	};

return { renderTabs, renderContent };
}

export default useTabs;

X7ROOT File Manager

Editing: useTabs.jsx

Upload File

Create Folder