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: index.jsx

import useTabs from "./useTabs";
import { TabHeader } from "..";
import { logo, logoPro } from "../images";
import { __ } from '@wordpress/i18n';

const Tab = ({ tabsData, onChange, activeTabTitle }) => {
	const { renderTabs, renderContent } = useTabs(tabsData, 0, onChange);

const GetPro = () => {
		return (
			<>
				<div className="get-pro">
					<img src={logoPro} alt={__('Logo', 'vandana-lite')} />
					<p>{__('Get access to all unlimited features.', 'vandana-lite')}</p>
					<a className="cw-button-btn primary-btn" target="_blank" href={cw_dashboard.get_pro}>{__('Get Pro', 'vandana-lite')}</a>
				</div>
			</>
		);
	}

return (
		<div className="cw-tabs-container">
			<div className="cw-tabs">
				<div className="wrapper">
					<div className="top">
						<div className="logo">
							<img src={logo} alt={__('Logo', 'vandana-lite')} />
							<h2>{cw_dashboard.blog_name}</h2>
						</div>
						<div className="cw-tabs-button">
							{renderTabs()}
						</div>
					</div>
					{GetPro()}
				</div>

</div>
			<div className="wrapper">
				<TabHeader title={activeTabTitle} />
				<div className="cw-tabs-content">
					{renderContent()}
				</div>
			</div>
		</div>
	);
};

export default Tab;

X7ROOT File Manager

Editing: index.jsx

Upload File

Create Folder