import React, { useEffect, useState } from 'react'; import Link from 'next/link'; import { useRouter } from 'next/router'; import Breadcrumb from '../Common/Breadcrumb'; import { IFact } from '../../interfaces/factSetting'; import { ICourse } from '../../interfaces/course'; import { IStudent } from '../../interfaces/student'; import getImage from '../../helpers/getImage'; import storage from "local-storage-fallback" import { LOCAL_STORAGE_KEYS } from '../../hooks/useStorage'; import formatDate from '../../helpers/formatDate'; import { v4 as uuidv4 } from 'uuid'; import MyWishlist from '../MyProfile/MyWishlist'; import { ICourseReview } from '../../interfaces/courseReview'; import { IInvoice } from '../../interfaces/invoice'; import DOMPurify from 'isomorphic-dompurify'; const StudentProfileMain = () => { const router = useRouter(); interface iSectionDataType { site_student_profile_tab_dashboard_text : string; site_student_profile_tab_profile_text: string site_student_profile_tab_enroll_course_text: string site_student_profile_tab_wishlist_text: string site_student_profile_tab_review_text: string site_student_profile_tab_quiz_text: string site_student_profile_tab_order_history_text: string site_student_profile_tab_setting_text: string site_student_profile_tab_logout_text: string }; const [sectionData, setSectionData] = useState() const [pageData, setPageData] = useState({}) const [data, setData] = useState() const slug = router.query.slug; const UserObj = JSON.parse(storage.getItem(LOCAL_STORAGE_KEYS.APP_USER)); const logout = () => { storage.removeItem(LOCAL_STORAGE_KEYS.APP_TOKEN) storage.removeItem(LOCAL_STORAGE_KEYS.APP_USER) storage.clear() router.push('/login'); } useEffect(() => { fetch( `${process.env.APP_BACK_END_URL}/setting/inner-page/student-profile`, { method: "GET", headers: { Accept: "application/json", "Content-Type": "application/json", } } ) .then(response => response.json()) .then((response) => handleResponseData(response)) .catch(err => console.error(err)) fetch( `${process.env.APP_BACK_END_URL}/student/details?slug=${slug}`, { method: "GET", headers: { Accept: "application/json", "Content-Type": "application/json", } } ) .then(response => response.json()) .then((response) => { setData(response.data); }) .catch(err => console.error(err)) }, [slug]) const handleResponseData = (res) => { setSectionData(res.data); let data = { 'title': res.data?.site_student_profile_title, 'sub_title': res.data?.site_student_profile_sub_title, 'image': res.data?.site_student_profile_banner_image, 'description': res.data?.site_student_profile_description, 'keywords': res.data?.site_student_profile_keywords, } setPageData(data); } return typeof data !== 'undefined' && data !== null ? (
{data && (
{data.designation},

{data.titel_name + ' ' + data.first_name + ' ' + data.last_name}

{sectionData.site_student_profile_tab_dashboard_text}

{data?.courses.length} Courses {data.courses && data.courses.map((course: ICourse) => (

{course.title}

{course.duration}
{course.credit > 1 ? "Credits" : "credit"}
))}

{sectionData.site_student_profile_tab_profile_text}

    {data?.user?.created_at &&
  • Registration Date :
    {formatDate(data.user.created_at)}
    • } {data?.titel_name &&
  • Title Name :
    {data.titel_name}
    • } {data?.first_name &&
  • First Name :
    {data.first_name}
    • } {data?.last_name &&
  • Last Name :
    {data.last_name}
    • } {data?.user?.email &&
  • Email :
    {data.user.email}
    • } {data?.user?.phone &&
  • Phone :
    {data.user.phone}
    • } {data?.website_url &&
  • Website URL :
    {data.website_url}
    • } {data?.fb_url &&
  • Facebook URL :
    {data.fb_url}
    • } {data?.instagram_url &&
  • Instagram URL :
    {data.instagram_url}
    • } {data?.street_address &&
  • Address :
    {data.street_address}
    • } {data?.city &&
  • City :
    {data.city}
    • } {data?.zip &&
  • Zip Code :
    {data.zip}
    • } {data?.country &&
  • Country :
    {data.country}
    • } {data?.teaser &&
  • Biography :
    {data.teaser}
    • }

{sectionData.site_student_profile_tab_enroll_course_text}

{data.courses && data.courses.map((course: ICourse) => (
course-img
{course.categories && course.categories.map((cat: ICourse) => ( {cat.title} ))}

{course.title}
Level : {course.level}
{course.price !== "Free" && ${course.price}} {course.price == "Free" && {course.price}} {course.discount && ${course?.discount}}
{course.duration}
{course.credit}
{course.level}
))}

{sectionData.site_student_profile_tab_wishlist_text}

{sectionData.site_student_profile_tab_review_text}

{data.courseReviews && data.courseReviews.map((review: ICourseReview) => (
{review.title}

{review.message}

))}

{sectionData.site_student_profile_tab_quiz_text}

No result yet.

{sectionData.site_student_profile_tab_order_history_text}

{data.orders && data.orders.map((history: IInvoice) => (
{history.title}
${history.total_price}
{history.qty}
{history.status}
{history.created_at}
))}

{sectionData.site_student_profile_tab_setting_text}

Social Profile Link
)}
) : null }; export default StudentProfileMain;