changed the way and places where study material access is displayed (#…

…2839)

* changed the way and places where study material access is displayed

* removed comments

src/containers/my-cooperations/cooperation-completion/CooperationCompletion.tsx

@@ -1,29 +1,17 @@
-import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Box from '@mui/material/Box'
 import Typography from '@mui/material/Typography'
 import Divider from '@mui/material/Divider'
 
 import SettingItem from '~/components/setting-item/SettingItem'
 import AppButton from '~/components/app-button/AppButton'
-import AppSelect from '~/components/app-select/AppSelect'
 
-import { cooperationAccessValues } from '~/containers/my-cooperations/cooperation-completion/CooperationCompletion.constants'
 import { styles } from '~/containers/my-cooperations/cooperation-completion/CooperationCompletion.styles'
-import {
-  ButtonVariantEnum,
-  SizeEnum,
-  CooperationMaterialsAccessEnum
-} from '~/types'
+import { ButtonVariantEnum, SizeEnum } from '~/types'
 
 const CooperationCompletion = () => {
   const { t } = useTranslation()
 
-  const [materialsAccess, setMaterialsAccess] =
-    useState<CooperationMaterialsAccessEnum>(
-      CooperationMaterialsAccessEnum.OneMonthAccess
-    )
-
   return (
     <Box>
       <Divider />
@@ -44,17 +32,6 @@ const CooperationCompletion = () => {
           {t('cooperationsPage.cooperationDetails.closeCooperationBtn')}
         </AppButton>
       </SettingItem>
-      <SettingItem
-        subtitle={t('cooperationsPage.cooperationDetails.accessDescription')}
-        title={t('cooperationsPage.cooperationDetails.accessTitle')}
-      >
-        <AppSelect
-          fields={cooperationAccessValues(t)}
-          setValue={setMaterialsAccess}
-          sx={styles.dropdown}
-          value={materialsAccess}
-        />
-      </SettingItem>
     </Box>
   )
 }

src/containers/my-cooperations/cooperation-completion/StudyMaterials.tsx

@@ -0,0 +1,34 @@
+import { useState } from 'react'
+
+import SettingItem from '~/components/setting-item/SettingItem'
+import AppSelect from '~/components/app-select/AppSelect'
+import { useTranslation } from 'react-i18next'
+import { styles } from '~/containers/my-cooperations/cooperation-completion/CooperationCompletion.styles'
+
+import { cooperationAccessValues } from '~/containers/my-cooperations/cooperation-completion/CooperationCompletion.constants'
+import { CooperationMaterialsAccessEnum } from '~/types'
+
+const StudyMaterials = () => {
+  const { t } = useTranslation()
+
+  const [materialsAccess, setMaterialsAccess] =
+    useState<CooperationMaterialsAccessEnum>(
+      CooperationMaterialsAccessEnum.OneMonthAccess
+    )
+
+  return (
+    <SettingItem
+      subtitle={t('cooperationsPage.cooperationDetails.accessDescription')}
+      title={t('cooperationsPage.cooperationDetails.accessTitle')}
+    >
+      <AppSelect
+        fields={cooperationAccessValues(t)}
+        setValue={setMaterialsAccess}
+        sx={styles.dropdown}
+        value={materialsAccess}
+      />
+    </SettingItem>
+  )
+}
+
+export default StudyMaterials

src/containers/offer-details/offer-general-info/OfferGeneralInfo.tsx

@@ -11,6 +11,7 @@ import DoneIcon from '@mui/icons-material/Done'
 import TitleWithDescription from '~/components/title-with-description/TitleWithDescription'
 import IconTitleDescription from '~/components/icon-title-description/IconTitleDescription'
 import AppCard from '~/components/app-card/AppCard'
+import StudyMaterials from '~/containers/my-cooperations/cooperation-completion/StudyMaterials'
 
 import { styles } from '~/containers/offer-details/offer-general-info/OfferGeneralInfo.styles'
 import { Offer, SizeEnum } from '~/types'
@@ -74,7 +75,10 @@ const OfferGeneralInfo: FC<OfferGeneralInfo> = ({ offer }) => {
         {t('offerDetailsPage.generalInfo.title')}
       </Typography>
 
-      <Box sx={styles.cardsContainer}>{generalInfoCards}</Box>
+      <Box sx={styles.cardsContainer}>
+        {generalInfoCards}
+        <StudyMaterials />
+      </Box>
     </Box>
   )
 }

src/containers/offer-page/teaching-block/TeachingBlock.tsx

@@ -10,11 +10,13 @@ import AppTextField from '~/components/app-text-field/AppTextField'
 import AppChipList from '~/components/app-chips-list/AppChipList'
 import AppTextArea from '~/components/app-text-area/AppTextArea'
 import OrderedListItem from '~/components/ordered-list-item/OrderedListItem'
+import StudyMaterials from '~/containers/my-cooperations/cooperation-completion/StudyMaterials'
 
 import {
   CreateOfferBlockProps,
   LanguagesEnum,
-  CreateOrUpdateOfferData
+  CreateOrUpdateOfferData,
+  UserRoleEnum
 } from '~/types'
 import { styles } from '~/containers/offer-page/OfferPage.styles'
 
@@ -51,6 +53,8 @@ const TeachingBlock = <T extends CreateOrUpdateOfferData>({
     }
   }
 
+  const studyMaterials = userRole === UserRoleEnum.Student && <StudyMaterials />
+
   return (
     <OrderedListItem
       number={2}
@@ -133,6 +137,7 @@ const TeachingBlock = <T extends CreateOrUpdateOfferData>({
             required
             value={data.price}
           />
+          {studyMaterials}
         </Box>
       </Box>
     </OrderedListItem>