From 01de40eebb7e8d0481dd822b2622ef94ee095bb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9C=D0=B8=D1=85=D0=B0=D0=B8=D0=BB?=
 <33755295+zavarin-michael@users.noreply.github.com>
Date: Mon, 18 Mar 2024 20:25:07 +0500
Subject: [PATCH] two types of students are published

---
 .../components/currentEmployee/index.tsx      |   7 +-
 .../organization/redux/organizationApi.ts     |   1 +
 .../components/currentStudent/index.tsx       | 206 +++++++++++-------
 .../currentStudent/styles/styles.module.scss  |   1 +
 .../public/icons/parentAcceptedMobile.svg     |   1 +
 .../public/icons/parentDeclinedMobile.svg     |   1 +
 6 files changed, 140 insertions(+), 77 deletions(-)
 create mode 100644 apps/schools/public/icons/parentAcceptedMobile.svg
 create mode 100644 apps/schools/public/icons/parentDeclinedMobile.svg

diff --git a/apps/schools/domains/employee/components/currentEmployee/index.tsx b/apps/schools/domains/employee/components/currentEmployee/index.tsx
index e1c451c1..9dd3d2f6 100644
--- a/apps/schools/domains/employee/components/currentEmployee/index.tsx
+++ b/apps/schools/domains/employee/components/currentEmployee/index.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import { Col, Row, Typography } from 'antd'
+import { Col, Row, Spin, Typography } from 'antd'
 import Image from 'next/image'
 
 import { getUuidFromUrl } from '@domains/common/utils/getUuidFromUrl'
@@ -22,6 +22,7 @@ const CurrentEmployee = () => {
     const {
         data: employee,
         error: employeeError,
+        isLoading,
     } = useGetEmployeeQuery({
         employee_id: uuid[0],
     })
@@ -35,7 +36,9 @@ const CurrentEmployee = () => {
     if (isDeleteFinished.isSuccess) return null
     if (uuid.length === 0) router.push('/404')
 
-    return (
+    return isLoading ? (
+        <Spin />
+    ) : (
         <>
             <Col className={styles.headersBlock}>
                 <Row className={styles.baseRowContainer}>
diff --git a/apps/schools/domains/organization/redux/organizationApi.ts b/apps/schools/domains/organization/redux/organizationApi.ts
index 6e5bda07..c31bbedb 100644
--- a/apps/schools/domains/organization/redux/organizationApi.ts
+++ b/apps/schools/domains/organization/redux/organizationApi.ts
@@ -192,6 +192,7 @@ export const {
     useExportStudentsQuery,
     useGetAllTeachersQuery,
     useGetAllQueriesOfOrganizationQuery,
+    useLazyGetAllStudentInvitationsQuery,
     useGetAllStudentInvitationsQuery,
     useGetAllCirclesQuery,
     useGetAllJoinCircleQueriesQuery,
diff --git a/apps/schools/domains/student/components/currentStudent/index.tsx b/apps/schools/domains/student/components/currentStudent/index.tsx
index 2847ed28..921f201b 100644
--- a/apps/schools/domains/student/components/currentStudent/index.tsx
+++ b/apps/schools/domains/student/components/currentStudent/index.tsx
@@ -1,8 +1,8 @@
 import React, { useEffect, useState } from 'react'
-import { Col, Row, Typography } from 'antd'
+import { Col, Row, Spin, Tooltip, Typography } from 'antd'
 import Image from 'next/image'
 
-import { useGetStudentQuery } from '@domains/organization/redux/organizationApi'
+import { useGetStudentQuery, useLazyGetAllStudentInvitationsQuery } from '@domains/organization/redux/organizationApi'
 import { getUuidFromUrl } from '@domains/common/utils/getUuidFromUrl'
 
 import EmptyWrapper from '@domains/common/components/containers/EmptyWrapper'
@@ -15,101 +15,157 @@ import { Field } from '@domains/common/components/field'
 import { useDeleteStudentMutation } from '@domains/student/redux/studentApi'
 import { ActionBar } from '@domains/common/components/stickyBlock/actionBar'
 import DeleteModal from '@domains/common/components/deleteModal'
+import { GetStudent } from '@domains/common/redux/serializers'
+import { useOrganization } from '@domains/organization/providers/organizationProvider'
+import parentAcceptedPhone from '@public/icons/parentAcceptedMobile.svg'
+import parentDeclinedPhone from '@public/icons/parentDeclinedMobile.svg'
 
 const CurrentStudent = () => {
     const [isModalVisible, setIsModalVisible] = useState(false)
-    const [mutation, isDeleteFinished] = useDeleteStudentMutation()
+    const { organizationId } = useOrganization()
     const uuid = getUuidFromUrl()
 
-    const { data: student, error: studentError, isLoading } = useGetStudentQuery({ student_id: uuid[0] })
+    const [mutation, isDeleteFinished] = useDeleteStudentMutation()
+
+    const [student, setStudent] = useState<GetStudent | undefined>(undefined)
+    const { data: studentInfo, error: studentError, isLoading } = useGetStudentQuery({ student_id: uuid[0] })
+    const [trigger, studentInfoAdditional] = useLazyGetAllStudentInvitationsQuery()
+    const isVerifiedStudent = studentInfo?.student.circle && studentInfo?.student.circle
 
     useEffect(() => {
-        if (studentError && (studentError as ErrorType).status == 404) {
+        if (studentError && ((studentError as ErrorType).status == 404 || (studentError as ErrorType).status == 403)) {
             router.push('/student')
         }
     }, [studentError])
 
+    useEffect(() => {
+        if (isVerifiedStudent) {
+            setStudent(studentInfo.student)
+        } else {
+            trigger({ student__id: uuid[0], circle__organization__id: organizationId })
+        }
+    }, [studentInfo])
+
+    useEffect(() => {
+        const info = studentInfoAdditional.data?.results[0]
+        if (info)
+            setStudent({
+                id: uuid[0],
+                name: info.body.name,
+                student_profile: {
+                    parent_phones: info.recipient?.parent_phones,
+                    name: '',
+                    phone: info.additional.phone,
+                    photo: {},
+                },
+                circle: {
+                    name: info.sender.name,
+                },
+            })
+    }, [studentInfoAdditional])
+
     if (isDeleteFinished.isSuccess) return null
     if (uuid.length === 0) router.push('/404')
 
     return (
         <EmptyWrapper
-            titleText={'Упс, зайдите позже!'}
-            descriptionText={
-                'Ваше приглашение в кружок пока рассматривается. ' +
-                'Уже скоро здесь появится информация об обучающемся!'
-            }
+            titleText={'Упс, произошла ошибка!'}
+            descriptionText={'Попробуйте перезагрузить страницу. ' + 'Мы уже работаем над исправлением ошибки.'}
             pageTitle={'Обучающийся'}
-            data={student?.student.circle ?? student?.student.student_profile}
-            isLoading={isLoading}
+            data={student}
+            isLoading={isLoading || studentInfoAdditional.isLoading}
             searchTrigger={false}
         >
-            <Row className={styles.headersBlock}>
-                <Col lg={14} md={24} xs={24} sm={24} className={styles.infoBlock}>
-                    <Row className={styles.baseRowContainer}>
-                        <Col lg={4} className={styles.image}>
-                            <Image src={duckEmptyPage} alt={'Duck with a magnifying glass'} width={190} />
-                        </Col>
-                        <Col className={styles.infoContainer} lg={24}>
-                            <Typography.Title className={styles.title} level={1}>
-                                {student?.student.name ? student?.student.name : 'Имя не определено'}
-                            </Typography.Title>
-                            <Field
-                                fieldName={'Телефон ученика:'}
-                                fieldValue={student?.student.student_profile?.phone}
-                            />
-                            <Field fieldName={'Кружок:'} fieldValue={student?.student.circle?.name} />
-                            <div className={styles.stickyBlock}>
-                                <ActionBar
-                                    actions={[
-                                        <Button
-                                            key={'edit'}
-                                            className={styles.changeButton}
-                                            onClick={() => router.push(`/student/${uuid[0]}/change`)}
-                                        >
-                                            Редактировать профиль
-                                        </Button>,
-                                        <Button
-                                            antdType={'ghost'}
-                                            className={styles.deleteButton}
-                                            key='submit'
-                                            danger
-                                            onClick={() => setIsModalVisible(true)}
+            {isLoading || studentInfoAdditional.isLoading ? (
+                <Spin />
+            ) : (
+                <>
+                    <Row className={styles.headersBlock}>
+                        <Col lg={14} md={24} xs={24} sm={24} className={styles.infoBlock}>
+                            <Row className={styles.baseRowContainer}>
+                                <Col lg={4} className={styles.image}>
+                                    <Image src={duckEmptyPage} alt={'Duck with a magnifying glass'} width={190} />
+                                </Col>
+                                <Col className={styles.infoContainer} lg={24}>
+                                    <Row className={styles.title}>
+                                        <Typography.Title level={1}>
+                                            {student?.name ? student?.name : 'Имя не определено'}
+                                        </Typography.Title>
+                                        <Tooltip
+                                            title={
+                                                isVerifiedStudent
+                                                    ? 'Родитель принял вашу заявку'
+                                                    : 'Родитель пока не принял вашу заявку'
+                                            }
                                         >
-                                            Удалить
-                                        </Button>,
-                                    ]}
-                                />
-                            </div>
+                                            <Image
+                                                src={isVerifiedStudent ? parentAcceptedPhone : parentDeclinedPhone}
+                                                alt={'Parent phone'}
+                                                width={50}
+                                            />
+                                        </Tooltip>
+                                    </Row>
+                                    <Field
+                                        fieldName={'Телефон ученика:'}
+                                        fieldValue={student?.student_profile?.phone}
+                                    />
+                                    <Field fieldName={'Кружок:'} fieldValue={student?.circle?.name} />
+                                    <div className={styles.stickyBlock}>
+                                        <ActionBar
+                                            actions={[
+                                                <Button
+                                                    key={'edit'}
+                                                    className={styles.changeButton}
+                                                    onClick={() => router.push(`/student/${uuid[0]}/change`)}
+                                                >
+                                                    Редактировать профиль
+                                                </Button>,
+                                                <Button
+                                                    antdType={'ghost'}
+                                                    className={styles.deleteButton}
+                                                    key='submit'
+                                                    danger
+                                                    onClick={() => setIsModalVisible(true)}
+                                                >
+                                                    Удалить
+                                                </Button>,
+                                            ]}
+                                        />
+                                    </div>
+                                </Col>
+                            </Row>
                         </Col>
+                        {student?.circle && (
+                            <Col lg={10} md={24} xs={24} sm={24} className={styles.card}>
+                                <div className={styles.text}>
+                                    <Typography.Title level={2}>Семья</Typography.Title>
+                                    <Field
+                                        fieldName={'Номер для связи:'}
+                                        fieldValue={student?.student_profile?.phone}
+                                        defaultValue={'Не определено'}
+                                        type='left'
+                                    />
+                                    <Field
+                                        fieldName={'Телефон родителя:'}
+                                        fieldValue={student?.student_profile?.parent_phones?.split(',')[0]}
+                                        type='left'
+                                    />
+                                    <Field fieldName={'E-mail родителя:'} type='left' />
+                                </div>
+                            </Col>
+                        )}
                     </Row>
-                </Col>
-                <Col lg={10} md={24} xs={24} sm={24} className={styles.card}>
-                    <div className={styles.text}>
-                        <Typography.Title level={2}>Семья</Typography.Title>
-                        <Field
-                            fieldName={'Номер для связи:'}
-                            fieldValue={student?.student.student_profile?.phone}
-                            type='left'
-                        />
-                        <Field
-                            fieldName={'Телефон родителя:'}
-                            fieldValue={student?.student.student_profile?.parent_phones?.split(',')[0]}
-                            type='left'
-                        />
-                        <Field fieldName={'E-mail родителя:'} defaultValue={'Не определено'} type='left' />
-                    </div>
-                </Col>
-            </Row>
-            <DeleteModal
-                isModalVisible={isModalVisible}
-                mutation={mutation}
-                setIsModalVisible={setIsModalVisible}
-                titleText={'Удалить обучающегося?'}
-                buttonText={'Удалить обучающегося'}
-                urlAfterDelete={'/student'}
-                dataField={'student_id'}
-            />
+                    <DeleteModal
+                        isModalVisible={isModalVisible}
+                        mutation={mutation}
+                        setIsModalVisible={setIsModalVisible}
+                        titleText={'Удалить обучающегося?'}
+                        buttonText={'Удалить обучающегося'}
+                        urlAfterDelete={'/student'}
+                        dataField={'student_id'}
+                    />
+                </>
+            )}
         </EmptyWrapper>
     )
 }
diff --git a/apps/schools/domains/student/components/currentStudent/styles/styles.module.scss b/apps/schools/domains/student/components/currentStudent/styles/styles.module.scss
index fa3c4127..4ab1c52a 100644
--- a/apps/schools/domains/student/components/currentStudent/styles/styles.module.scss
+++ b/apps/schools/domains/student/components/currentStudent/styles/styles.module.scss
@@ -63,6 +63,7 @@
       }
 
       .title {
+        gap: 20px;
         margin-bottom: 50px;
       }
 
diff --git a/apps/schools/public/icons/parentAcceptedMobile.svg b/apps/schools/public/icons/parentAcceptedMobile.svg
new file mode 100644
index 00000000..2d82ae74
--- /dev/null
+++ b/apps/schools/public/icons/parentAcceptedMobile.svg
@@ -0,0 +1 @@
+<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><g><rect width="40" height="40" rx="12" fill="#F2F3F7"></rect><rect x="14" y="9" width="12" height="22" rx="2" stroke="#34C759" stroke-width="1.6"></rect><path d="M25.2 11.5a.3.3 0 1 1 0 .6H14.8a.3.3 0 1 1 0-.6h10.4ZM25.2 27.5a.3.3 0 1 1 0 .6H14.8a.3.3 0 1 1 0-.6h10.4Z" fill="#34C759" stroke="#34C759"></path></g><defs><clipPath id="a"><rect width="40" height="40" rx="12" fill="#fff"></rect></clipPath></defs></svg>
diff --git a/apps/schools/public/icons/parentDeclinedMobile.svg b/apps/schools/public/icons/parentDeclinedMobile.svg
new file mode 100644
index 00000000..54207f5b
--- /dev/null
+++ b/apps/schools/public/icons/parentDeclinedMobile.svg
@@ -0,0 +1 @@
+<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><g><rect width="40" height="40" rx="12" fill="#F2F3F7"></rect><rect x="14" y="9" width="12" height="22" rx="2" stroke="#82879F" stroke-width="1.6"></rect><path d="M25.2 11.5a.3.3 0 1 1 0 .6H14.8a.3.3 0 1 1 0-.6h10.4ZM25.2 27.5a.3.3 0 1 1 0 .6H14.8a.3.3 0 1 1 0-.6h10.4Z" fill="#34C759" stroke="#82879F"></path><path d="m33.5 8.5-25 25" stroke="#FF3B30" stroke-width="1.4" stroke-linecap="round"></path></g><defs><clipPath id="a"><rect width="40" height="40" rx="12" fill="#fff"></rect></clipPath></defs></svg>