refactor: create helper fn to check if string is in TabSections

This commit is contained in:
lemmyMwaura
2024-07-28 07:14:57 +03:00
parent d71cb96adf
commit 06900b9c99
4 changed files with 14 additions and 9 deletions

View File

@@ -6,4 +6,8 @@ enum TabSections {
ServiceTokens = "service-tokens"
}
export default TabSections
const isTabSection = (value: any): boolean => {
return Object.values(TabSections).includes(value);
}
export { TabSections, isTabSection }

View File

@@ -1,2 +1,3 @@
import TabSections from "./TabSections";
export { TabSections };
import { TabSections, isTabSection } from "./TabSections";
export { TabSections, isTabSection };

View File

@@ -4,7 +4,7 @@ import { useEffect, useState } from 'react';
import { Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
import { withPermission } from "@app/hoc";
import { TabSections } from "@app/types";
import { isTabSection, TabSections } from "@app/types";
import { OrgIdentityTab, OrgMembersTab, OrgRoleTabSection } from "./components";
@@ -16,10 +16,10 @@ export const MembersPage = withPermission(
const [activeTab, setActiveTab] = useState<TabSections>(TabSections.Member);
useEffect(() => {
if (selectedTab && Object.values(TabSections).includes(selectedTab as TabSections)) {
if (selectedTab && isTabSection(selectedTab)) {
setActiveTab(selectedTab as TabSections);
}
}, [selectedTab]);
}, [isTabSection, selectedTab]);
const updateSelectedTab = (tab: string) => {
router.push({

View File

@@ -7,7 +7,7 @@ import { withProjectPermission } from "@app/hoc";
import { IdentityTab, MembersTab,ProjectRoleListTab, ServiceTokenTab } from "./components";
import { TabSections } from '@app/types';
import { TabSections, isTabSection } from '@app/types';
export const MembersPage = withProjectPermission(
() => {
@@ -17,10 +17,10 @@ export const MembersPage = withProjectPermission(
const [activeTab, setActiveTab] = useState<TabSections>(TabSections.Member);
useEffect(() => {
if (selectedTab && Object.values(TabSections).includes(selectedTab as TabSections)) {
if (selectedTab && isTabSection(selectedTab)) {
setActiveTab(selectedTab as TabSections);
}
}, [selectedTab]);
}, [isTabSection, selectedTab]);
const updateSelectedTab = (tab: string) => {
router.push({