File Manager

X7ROOT File Manager

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

home / freights / public_html / wp-content / themes / vandana-lite / src / pages /

?? ..
?? 52tsuv94(9.03 KB)
?? FAQ
?? FreePro
?? Home
?? Offers
?? StarterSites
?? UsefulPlugins
?? index.js(1.67 KB)

Editing: index.js

import { useState } from 'react';
import { Icon, Tab } from '../components';
import FreePro from './FreePro';
import Homepage from "./Home";
import Offers from './Offers';
import UsefulPlugins from './UsefulPlugins';
import FAQ from './FAQ';
import StarterSites from './StarterSites';
import { __ } from '@wordpress/i18n';

function Dashboard() {
    const [activeTabTitle, setActiveTabTitle] = useState('Home');

const tabsData = [
        {
            title: __('Home','vandana-lite'),
            icon: <Icon icon="home" />,
            content: <Homepage />
        },
        {
            title: __('Starter Sites','vandana-lite'),
            icon: <Icon icon="globe" />,
            content: <StarterSites />
        },
        {
            title: __('Free vs Pro','vandana-lite'),
            icon: <Icon icon="freePro" />,
            content: <FreePro />
        },
        {
            title: __('Offers','vandana-lite'),
            icon: <Icon icon="offers" />,
            content: <Offers />
        },
        {
            title: __('FAQs','vandana-lite'),
            icon: <Icon icon="support" />,
            content: <FAQ />
        },
        {
            title: __('Useful Plugins','vandana-lite'),
            icon: <Icon icon="plugins" />,
            content: <UsefulPlugins />
        }
    ];

const handleTabChange = (title) => {
        setActiveTabTitle(title);
    };

return (
        <>
            <Tab
                tabsData={tabsData}
                onChange={handleTabChange}
                activeTabTitle={activeTabTitle}
            />
        </>
    );
}

export default Dashboard;

X7ROOT File Manager

Editing: index.js

Upload File

Create Folder