# thinkrank/1.0.0/src/admin/components/common/Navigation.js

ThinkRank AI SEO – AI SEO Plugin for WordPress: Schema, XML Sitemaps, Meta Tags, Search Console & Local SEO, version 1.0.0. 60 lines.

- Page: https://pluginprobe.com/plugins/thinkrank/1.0.0/code/src/admin/components/common/Navigation.js
- Raw: https://pluginprobe.com/plugins/thinkrank/1.0.0/raw/src/admin/components/common/Navigation.js
- Modified: 2025-08-10T07:57:44+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/thinkrank/1.0.0/code/src/admin/components/common/Navigation.js#L10-L20`.

```javascript
/**
 * Navigation Component
 * 
 * Admin navigation menu
 * 
 * @package ThinkRank
 * @since 1.0.0
 */

import { __ } from '@wordpress/i18n';
import { TabPanel } from '@wordpress/components';

/**
 * Navigation Component
 */
const Navigation = ({ currentPage, onPageChange, capabilities }) => {
    const tabs = [
        {
            name: 'dashboard',
            title: __('Dashboard', 'thinkrank'),
            className: 'nav-tab-dashboard',
        },
        {
            name: 'content-brief',
            title: __('Content Brief', 'thinkrank'),
            className: 'nav-tab-content-brief',
            disabled: !capabilities.edit_posts,
        },
        {
            name: 'settings',
            title: __('Settings', 'thinkrank'),
            className: 'nav-tab-settings',
            disabled: !capabilities.manage_settings,
        },

        {
            name: 'analytics',
            title: __('Usage Analytics', 'thinkrank'),
            className: 'nav-tab-analytics',
            disabled: !capabilities.view_analytics,
        },
    ];

    return (
        <div className="thinkrank-navigation">
            <TabPanel
                className="thinkrank-tab-panel"
                activeClass="nav-tab-active"
                tabs={tabs.filter(tab => !tab.disabled)}
                initialTabName={currentPage}
                onSelect={onPageChange}
            >
                {() => null}
            </TabPanel>
        </div>
    );
};

export default Navigation;

```