Bugfix/2276/set not visible button (#2299)

* Set not visible Edit button in cooperation * Fixed tests
ita-social-projects · Aug 6, 2024 · a37630f · a37630f
1 parent 5585f0d
commit a37630f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 10 deletions.
diff --git a/src/containers/cooperation-details/cooperetion-activities-view/CooperationActivitiesView.tsx b/src/containers/cooperation-details/cooperetion-activities-view/CooperationActivitiesView.tsx
@@ -11,6 +11,7 @@ import {
 } from '~/redux/features/cooperationsSlice'
 
 import { styles } from '~/containers/cooperation-details/cooperetion-activities-view/CooperationActivitiesView.style'
+import { CourseSection, UserRoleEnum } from '~/types'
 
 interface CooperationActivitiesViewProps {
   sections: CourseSection[]
@@ -28,20 +29,26 @@ const CooperationActivitiesView: FC<CooperationActivitiesViewProps> = ({
     dispatch(setIsAddedClicked(false))
   }
 
+  const { userRole } = useAppSelector((state) => state.appMain)
+  const isTutor = userRole === UserRoleEnum.Tutor
+
   return (
     <Box sx={styles.root}>
       {sections.map((item) => (
         <CooperationSectionView id={item._id} item={item} key={item._id} />
       ))}
-      <Box sx={styles.editContainer}>
-        <IconButton
-          data-testid='iconButton'
-          onClick={onEdit}
-          sx={styles.editButton}
-        >
-          <EditIcon />
-        </IconButton>
-      </Box>
+
+      {isTutor && (
+        <Box sx={styles.editContainer}>
+          <IconButton
+            data-testid='iconButton'
+            onClick={onEdit}
+            sx={styles.editButton}
+          >
+            <EditIcon />
+          </IconButton>
+        </Box>
+      )}
     </Box>
   )
 }

diff --git a/tests/unit/containers/cooperation-details/ CooperationActivitiesView.spec.jsx b/tests/unit/containers/cooperation-details/ CooperationActivitiesView.spec.jsx
@@ -1,5 +1,6 @@
 import { render, screen, act, fireEvent } from '@testing-library/react'
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { UserRoleEnum } from '~/types'
 import CooperationActivitiesView from '~/containers/cooperation-details/cooperetion-activities-view/CooperationActivitiesView.tsx'
 
 vi.mock('~/components/cooperation-section-view/CooperationSectionView', () => ({
@@ -13,7 +14,8 @@ vi.mock('~/hooks/use-redux', () => ({
     sections: [
       { _id: '1', title: 'Section1' },
       { _id: '2', title: 'Section2' }
-    ]
+    ],
+    userRole: UserRoleEnum.Tutor
   }),
   useAppDispatch: vi.fn().mockReturnValue(vi.fn())
 }))