@campxdev/shared 1.8.23 → 1.8.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.8.23",
+  "version": "1.8.24",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/ApplicationProfile/ApplicationProfile.tsx

@@ -30,12 +30,23 @@ import { axiosErrorToast } from '../../config/axios'
 import { DialogButton } from '../ModalButtons'
 import SearchBar from '../FilterComponents/SearchBar'
 import Table from '../Tables/BasicTable/Table'
+import { ValidateAccess } from '../../permissions'
+import { Permission } from '../../shared-state'
 
 interface ApplicationProfileProps {
   application: 'exams' | 'square' | 'payments' | 'enroll_x'
+  title: string
+  permissions?: {
+    add: string
+    edit: string
+    view: string
+    delete: string
+  }
 }
 function ApplicationProfile({
   application = 'exams',
+  title,
+  permissions,
 }: ApplicationProfileProps) {
   const { isConfirmed } = useConfirm()
   const [filters, setFilters] = useImmer(defaultFilterObj)
@@ -83,6 +94,7 @@ function ApplicationProfile({
           data={row}
           application={application}
           refetchFn={refetch}
+          permissions={permissions}
         />
       ),
     },
@@ -91,13 +103,17 @@ function ApplicationProfile({
       key: '',
       dataIndex: '',
       render: (_, row) => (
-        <Button
-          variant="text"
-          onClick={() => handleRemove(row)}
-          sx={{ padding: '0px', margin: '0px' }}
+        <ValidateAccess
+          accessKey={permissions ? Permission[permissions.delete] : 1}
         >
-          Remove
-        </Button>
+          <Button
+            variant="text"
+            onClick={() => handleRemove(row)}
+            sx={{ padding: '0px', margin: '0px' }}
+          >
+            Remove
+          </Button>
+        </ValidateAccess>
       ),
     },
   ]
@@ -119,24 +135,29 @@ function ApplicationProfile({
   return (
     <>
       <PageHeader
-        title={'Profile Configuration'}
+        title={title}
         actions={[
-          <DialogButton
+          <ValidateAccess
             key={0}
-            title={'Add User Profile Relation'}
-            anchor={({ open }) => (
-              <ActionButton onClick={open}>
-                Add User Profile Relation
-              </ActionButton>
-            )}
-            content={({ close }) => (
-              <UserProfileRelation
-                close={close}
-                application={application}
-                profiles={profiles?.profiles}
-              />
-            )}
-          />,
+            accessKey={permissions ? Permissions[permissions.add] : 1}
+          >
+            <DialogButton
+              key={0}
+              title={'Add User Profile Relation'}
+              anchor={({ open }) => (
+                <ActionButton onClick={open}>
+                  Add User Profile Relation
+                </ActionButton>
+              )}
+              content={({ close }) => (
+                <UserProfileRelation
+                  close={close}
+                  application={application}
+                  profiles={profiles?.profiles}
+                />
+              )}
+            />
+          </ValidateAccess>,
         ]}
       />
       <PageContent sx={{ marginTop: '25px' }}>
@@ -178,7 +199,9 @@ export const RenderProfileDropDown = ({
   data,
   refetchFn,
   application,
+  permissions,
 }) => {
+  const CanEdit = permissions ? Permissions[permissions.edit] : 1
   const [state, setState] = useState({
     userId: data.id,
     profileId: data.profiles[0].id,
@@ -216,6 +239,7 @@ export const RenderProfileDropDown = ({
           onChange={(e) => {
             handleChange(e)
           }}
+          disabled={!CanEdit}
           endAdornment={
             isLoading && (
               <InputAdornment position="end">

package/src/components/index.ts

@@ -58,7 +58,7 @@ export { default as ReactTable } from './Tables/ReactTable'
 export { default as TableFooter } from './Tables/BasicTable/TableFooter'
 export { default as DropDownButton } from './DropDownButton'
 export { default as useConfirm } from './PopupConfirm/useConfirm'
-
+export { default } from './ApplicationProfile'
 export {
   UploadFileDialog,
   Chips,