Quick Start,
- icon: AppsFilledMajor,
- onClick: ()=>{
- handleSelect("dashboard_quick_start")
- setActive("normal")
- navigate("/dashboard/quick-start")
- },
- selected: leftNavSelected === 'dashboard_quick_start',
- key: '1',
+
+ const navigationMarkup = (
+
+
+
+ Quick Start
+
+ ),
+ icon: AppsFilledMajor,
+ onClick: () => {
+ handleSelect("dashboard_quick_start");
+ setActive("normal");
+ navigate("/dashboard/quick-start");
},
- {
- label: 'API Security Posture',
- icon: ReportFilledMinor,
- onClick: ()=>{
- handleSelect("dashboard_home")
- navigate("/dashboard/home")
- setActive("normal")
- },
- selected: leftNavSelected === 'dashboard_home',
- key: '2',
+ selected: leftNavSelected === "dashboard_quick_start",
+ key: "1",
+ },
+ {
+ label: "API Security Posture",
+ icon: ReportFilledMinor,
+ onClick: () => {
+ handleSelect("dashboard_home");
+ navigate("/dashboard/home");
+ setActive("normal");
},
- {
- url: '#',
- label: API Discovery,
- icon: InventoryFilledMajor,
- onClick: ()=>{
- handleSelect("dashboard_observe_inventory")
- navigate('/dashboard/observe/inventory')
- setActive("normal")
- },
- selected: leftNavSelected.includes('_observe'),
- subNavigationItems:[
- {
- label: 'API Collections',
- onClick: ()=>{
- navigate('/dashboard/observe/inventory')
- handleSelect("dashboard_observe_inventory")
- setActive('active')
- },
- selected: leftNavSelected === "dashboard_observe_inventory"
- },
- {
- label: 'API Changes',
- onClick: ()=>{
- navigate('/dashboard/observe/changes')
- handleSelect("dashboard_observe_changes")
- setActive('active')
- },
- selected: leftNavSelected === "dashboard_observe_changes"
- },
- {
- label: 'Sensitive Data',
- onClick: ()=>{
- navigate('/dashboard/observe/sensitive')
- handleSelect("dashboard_observe_sensitive")
- setActive('active')
- },
- selected: leftNavSelected === "dashboard_observe_sensitive"
- }
- ],
- key: '3',
+ selected: leftNavSelected === "dashboard_home",
+ key: "2",
+ },
+ {
+ url: "#",
+ label: (
+
+ API Discovery
+
+ ),
+ icon: InventoryFilledMajor,
+ onClick: () => {
+ handleSelect("dashboard_observe_inventory");
+ navigate("/dashboard/observe/inventory");
+ setActive("normal");
},
- {
- url: '#',
- label: Testing,
- icon: MarketingFilledMinor,
- onClick: ()=>{
- navigate('/dashboard/testing/')
- handleSelect('dashboard_testing')
- setActive("normal")
+ selected: leftNavSelected.includes("_observe"),
+ subNavigationItems: [
+ {
+ label: "API Collections",
+ onClick: () => {
+ navigate("/dashboard/observe/inventory");
+ handleSelect("dashboard_observe_inventory");
+ setActive("active");
+ },
+ selected: leftNavSelected === "dashboard_observe_inventory",
},
- selected: leftNavSelected.includes('_testing'),
- subNavigationItems:[
- {
- label: 'Results',
- onClick: ()=>{
- navigate('/dashboard/testing/')
- handleSelect('dashboard_testing')
- setActive('active')
- },
- selected: leftNavSelected === 'dashboard_testing'
+ {
+ label: "API Changes",
+ onClick: () => {
+ navigate("/dashboard/observe/changes");
+ handleSelect("dashboard_observe_changes");
+ setActive("active");
},
- {
- label: 'Test Roles',
- onClick: ()=>{
- navigate('/dashboard/testing/roles')
- handleSelect('dashboard_testing_roles')
- setActive('active')
- },
- selected: leftNavSelected === 'dashboard_testing_roles'
+ selected: leftNavSelected === "dashboard_observe_changes",
+ },
+ {
+ label: "Sensitive Data",
+ onClick: () => {
+ navigate("/dashboard/observe/sensitive");
+ handleSelect("dashboard_observe_sensitive");
+ setActive("active");
},
- {
- label: 'User Config',
- onClick: ()=>{
- navigate('/dashboard/testing/user-config')
- handleSelect('dashboard_testing_user_config')
- setActive('active')
- },
- selected: leftNavSelected === 'dashboard_testing_user_config'
- }
- ],
- key: '4',
- },
- {
- label: Test Editor,
- icon: FileFilledMinor,
- onClick: ()=>{
- handleSelect("dashboard_test_editor")
- navigate("/dashboard/test-editor/REMOVE_TOKENS")
- setActive("normal")
+ selected: leftNavSelected === "dashboard_observe_sensitive",
},
- selected: leftNavSelected.includes("dashboard_test_editor"),
- key: '5',
+ ],
+ key: "3",
+ },
+ {
+ url: "#",
+ label: (
+
+ Testing
+
+ ),
+ icon: MarketingFilledMinor,
+ onClick: () => {
+ navigate("/dashboard/testing/");
+ handleSelect("dashboard_testing");
+ setActive("normal");
},
- {
- label: Issues,
- icon: AnalyticsFilledMinor,
- onClick: ()=>{
- handleSelect("dashboard_issues")
- navigate("/dashboard/issues")
- setActive("normal")
+ selected: leftNavSelected.includes("_testing"),
+ subNavigationItems: [
+ {
+ label: "Results",
+ onClick: () => {
+ navigate("/dashboard/testing/");
+ handleSelect("dashboard_testing");
+ setActive("active");
},
- selected: leftNavSelected === 'dashboard_issues',
- key: '6',
- },
- window?.STIGG_FEATURE_WISE_ALLOWED?.THREAT_DETECTION?.isGranted ?
+ selected: leftNavSelected === "dashboard_testing",
+ },
{
- label: API Runtime Threats,
- icon: DiamondAlertMinor,
+ label: "Test Roles",
onClick: () => {
- handleSelect("dashboard_threat_detection")
- navigate("/dashboard/threat-detection")
- setActive("normal")
+ navigate("/dashboard/testing/roles");
+ handleSelect("dashboard_testing_roles");
+ setActive("active");
},
- selected: leftNavSelected === 'dashboard_threat_detection',
- key: '7',
- } : {}
- ]}
- />
- Settings,
- icon: SettingsFilledMinor,
- onClick: ()=>{
- navigate("/dashboard/settings/about")
- setActive("normal")
+ label: "User Config",
+ onClick: () => {
+ navigate("/dashboard/testing/user-config");
+ handleSelect("dashboard_testing_user_config");
+ setActive("active");
+ },
+ selected: leftNavSelected === "dashboard_testing_user_config",
+ },
+ ],
+ key: "4",
+ },
+ {
+ label: (
+
+ Test Editor
+
+ ),
+ icon: FileFilledMinor,
+ onClick: () => {
+ handleSelect("dashboard_test_editor");
+ navigate("/dashboard/test-editor/REMOVE_TOKENS");
+ setActive("normal");
+ },
+ selected: leftNavSelected.includes("dashboard_test_editor"),
+ key: "5",
+ },
+ {
+ label: (
+
+ Issues
+
+ ),
+ icon: AnalyticsFilledMinor,
+ onClick: () => {
+ handleSelect("dashboard_issues");
+ navigate("/dashboard/issues");
+ setActive("normal");
+ },
+ selected: leftNavSelected === "dashboard_issues",
+ key: "6",
+ },
+ window?.STIGG_FEATURE_WISE_ALLOWED?.THREAT_DETECTION?.isGranted
+ ? {
+ label: (
+
+ API Protection
+
+ ),
+ icon: DiamondAlertMinor,
+ onClick: () => {
+ handleSelect("dashboard_threat_activity");
+ navigate("/dashboard/protection/threat-activity");
+ setActive("normal");
},
- selected: currPathString === 'settings',
- key: '7',
+ selected: leftNavSelected.includes("_threat"),
+ url: "#",
+ key: "7",
+ subNavigationItems: [
+ {
+ label: "Threat Activity",
+ onClick: () => {
+ navigate("/dashboard/protection/threat-activity");
+ handleSelect("dashboard_threat_activity");
+ setActive("active");
+ },
+ selected:
+ leftNavSelected === "dashboard_threat_activity",
+ },
+ {
+ label: "Threat Actors",
+ onClick: () => {
+ navigate("/dashboard/protection/threat-actor");
+ handleSelect("dashboard_threat_actor");
+ setActive("active");
+ },
+ selected: leftNavSelected === "dashboard_threat_actor",
+ },
+ {
+ label: "APIs Under Threat",
+ onClick: () => {
+ navigate("/dashboard/protection/threat-api");
+ handleSelect("dashboard_threat_api");
+ setActive("active");
+ },
+ selected:
+ leftNavSelected === "dashboard_threat_api",
+ },
+ ],
}
- ]}
- />
-
-
- );
+ : {},
+ ]}
+ />
+
+ Settings
+
+ ),
+ icon: SettingsFilledMinor,
+ onClick: () => {
+ navigate("/dashboard/settings/about");
+ setActive("normal");
+ },
+ selected: currPathString === "settings",
+ key: "7",
+ },
+ ]}
+ />
+