3.5.1

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "journal.pl",
-    "version": "3.5.0",
+    "version": "3.5.1",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "journal.pl",
-            "version": "3.5.0",
+            "version": "3.5.1",
             "license": "MIT",
             "dependencies": {
                 "@brojs/cli": "^0.0.4-beta.0",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "journal.pl",
-    "version": "3.5.0",
+    "version": "3.5.1",
     "description": "bro-js platform journal ui repo",
     "main": "./src/index.tsx",
     "scripts": {

src/pages/attendance/attendance.tsx

@@ -1,11 +1,10 @@
 import React, { useMemo } from 'react'
 import { useParams } from 'react-router-dom'
-import styled from '@emotion/styled'
+import { Box, Heading, Tooltip, Text } from '@chakra-ui/react'
+import dayjs from 'dayjs'
 
 import { api } from '../../__data__/api/api'
 import { PageLoader } from '../../components/page-loader/page-loader'
-import { Box, Container, Heading } from '@chakra-ui/react'
-import dayjs from 'dayjs'
 
 export const Attendance = () => {
   const { courseId } = useParams()
@@ -69,14 +68,22 @@ export const Attendance = () => {
             {attendance.map((lesson, index) => (
               <tr key={lesson.name}>
                 <td>{dayjs(lesson.date).format('DD.MM.YYYY')}</td>
-                <td>{lesson.name}</td>
+                <td>{<ShortText text={lesson.name} />}</td>
+
                 {data.students.map((st) => {
                   const wasThere =
                     lesson.students.findIndex((u) => u.sub === st.sub) !== -1
-                  return <td style={{
-                    textAlign: 'center',
-                    backgroundColor: wasThere ? '#8ef78a' : '#e09797',
-                  }} key={st.sub}>{wasThere ? '+' : '-'}</td>
+                  return (
+                    <td
+                      style={{
+                        textAlign: 'center',
+                        backgroundColor: wasThere ? '#8ef78a' : '#e09797',
+                      }}
+                      key={st.sub}
+                    >
+                      {wasThere ? '+' : '-'}
+                    </td>
+                  )
                 })}
               </tr>
             ))}
@@ -86,3 +93,17 @@ export const Attendance = () => {
     </Box>
   )
 }
+
+const ShortText = ({ text }: { text: string }) => {
+  const needShortText = text.length > 20
+
+  if (needShortText) {
+    return (
+      <Tooltip label="На страницу с лекциями" fontSize="12px" top="16px">
+        <Text>{text.slice(0, 20)}...</Text>
+      </Tooltip>
+    )
+  }
+
+  return text
+}

src/pages/course-list/course-card.tsx

@@ -57,21 +57,27 @@ export const CourseCard = ({ course }: { course: Course }) => {
               <CourseDetails populatedCourse={populatedCourse.data} />
             )}
 
-            <Tooltip label="На страницу с лекциями" fontSize="12px" top="16px">
-              <Button
-                leftIcon={<LinkIcon />}
-                as={ConnectedLink}
-                variant="outline"
-                colorScheme="blue"
-                to={generatePath(
-                  `${getNavigationsValue('journal.main')}${getNavigationsValue('link.journal.attendance')}`,
-                  { courseId: course.id },
-                )}
+            {getNavigationsValue('link.journal.attendance') && (
+              <Tooltip
+                label="На страницу с лекциями"
+                fontSize="12px"
+                top="16px"
               >
-                <Box mt={3}></Box>
-                Посещаемость
-              </Button>
-            </Tooltip>
+                <Button
+                  leftIcon={<LinkIcon />}
+                  as={ConnectedLink}
+                  variant="outline"
+                  colorScheme="blue"
+                  to={generatePath(
+                    `${getNavigationsValue('journal.main')}${getNavigationsValue('link.journal.attendance')}`,
+                    { courseId: course.id },
+                  )}
+                >
+                  <Box mt={3}></Box>
+                  Посещаемость
+                </Button>
+              </Tooltip>
+            )}
           </Stack>
         </CardBody>
       )}