Merge pull request #594 from devtron-labs/feat/access-manager

feat: access manager

Author: arunjaindev

.eslintignore

@@ -30,7 +30,6 @@ src/Common/Drawer/Drawer.tsx
 src/Common/Grid/Grid.tsx
 src/Common/Helper.tsx
 src/Common/Hooks/UseClickOutside/UseClickOutside.tsx
-src/Common/Hooks/UseSuperAdmin/UseSuperAdmin.tsx
 src/Common/Hooks/UseWindowSize/UseWindowSize.tsx
 src/Common/ImageTags.tsx
 src/Common/InfoColorBar/InfoColourbar.tsx

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.8.6",
+    "version": "1.8.7",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -22,7 +22,7 @@ const TooltipContent = ({ tooltipContent }: TooltipContentProps) => {
     if (tooltipContent) {
         return (
             <div className="dc__white-space-pre-wrap">
-                <p className="m-0 cn-0 fs-12 fw-6 lh-18">Click to add</p>
+                <p className="m-0 fs-12 fw-6 lh-18">Click to add</p>
 
                 {tooltipContent}
             </div>

src/Assets/IconV2/ic-crown.svg

@@ -101,7 +101,7 @@ export interface CodeEditorHeaderComposition {
     Clipboard?: React.FC<any>
 }
 
-export type ActionTypes = 'changeLanguage' | 'setDiff' | 'setTheme' | 'setCode' | 'setDefaultCode' | 'setHeight'
+type ActionTypes = 'changeLanguage' | 'setDiff' | 'setTheme' | 'setCode' | 'setDefaultCode' | 'setHeight'
 
 export interface Action {
     type: ActionTypes

src/Assets/IconV2/ic-user-key.svg

@@ -49,6 +49,7 @@ import {
     CDMaterialType,
     GlobalVariableDTO,
     GlobalVariableOptionType,
+    UserRole,
 } from './Types'
 import { ApiResourceType, STAGE_MAP } from '../Pages'
 import { RefVariableType, VariableTypeFormat } from './CIPipeline.Types'
@@ -70,13 +71,6 @@ export const getTeamListMin = (): Promise<TeamList> => {
     })
 }
 
-interface UserRole extends ResponseType {
-    result?: {
-        roles: string[]
-        superAdmin: boolean
-    }
-}
-
 export const SourceTypeMap = {
     BranchFixed: 'SOURCE_TYPE_BRANCH_FIXED',
     WEBHOOK: 'WEBHOOK',

src/Common/AddCDButton/AddCDButton.tsx

@@ -14,27 +14,39 @@
  * limitations under the License.
  */
 
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { getUserRole } from '../../Common.service'
-import { useSuperAdminType } from './types'
+import { UseGetUserRolesType } from './types'
 import { showError } from '../../Helper'
 
 /**
  * @description It will return isSuperAdmin and would be set to false by default, might need few optimizations like dep, etc
- * @returns {useSuperAdminType} isSuperAdmin
+ * @returns {UseGetUserRolesType} isSuperAdmin, canManageAllAccess
  */
-export const useSuperAdmin = (): useSuperAdminType => {
-    const [isSuperAdmin, setSuperAdmin] = useState<boolean>(false)
+const useGetUserRoles = (): UseGetUserRolesType => {
+    const [result, setResult] = useState<UseGetUserRolesType>({
+        isSuperAdmin: false,
+        canManageAllAccess: false,
+        hasManagerPermissions: false,
+    })
 
     useEffect(() => {
         getUserRole()
-            .then((response) => {
-                setSuperAdmin(response.result.superAdmin ?? false)
+            .then(({ result: apiResult }) => {
+                const hasManagerPermissions = apiResult.roles.some((role) => role.startsWith('role:manager'))
+
+                setResult({
+                    isSuperAdmin: apiResult.superAdmin ?? false,
+                    canManageAllAccess: apiResult.canManageAllAccess ?? false,
+                    hasManagerPermissions,
+                })
             })
             .catch((error) => {
                 showError(error)
             })
     }, [])
 
-    return { isSuperAdmin }
+    return result
 }
+
+export default useGetUserRoles

src/Common/CodeEditor/types.ts

@@ -0,0 +1 @@
+export { default as useGetUserRoles } from './UseGetUserRoles'