fix displaying empty data

Author: Markusplay

src/app/(default)/profile/[teacherId]/components/Ratings.tsx

@@ -7,6 +7,13 @@ interface RatingsProps {
 }
 
 export const Ratings = ({ ratings }: RatingsProps) => {
+    if (ratings.length === 0) {
+        return (
+            <div className="flex justify-between">
+                <SectionTitle className="mt-3 text-primary">Дані відсутні</SectionTitle>
+            </div>
+        );
+    }
     return (
         <div className="relative justify-between gap-24 mt-4">
             <p className="text-xs text-neutral-600">

src/app/(default)/profile/[teacherId]/components/WorkloadDetails/WorkloadDetails.tsx

@@ -35,15 +35,10 @@ export const WorkloadDetails: FC<Props> = ({ workloads, ratings = [] }) => {
         return filterWorkloadsByPeriod(currentWorkloads, selectedPeriod, selectedDepartment);
     }, [workloadsByYearRange, selectedPeriod, selectedYear, selectedDepartment]);
 
-    if (workloads.length === 0 || ratings.length === 0 || !workloadsByYearRange) {
-        return <SectionTitle className="mt-3 text-primary">Дані відсутні</SectionTitle>;
-    }
-
     if (showRatingsArchive) {
         return (
             <div className="mt-4">
-                <div className="flex justify-between items-center mb-6">
-                    <SectionTitle className="mb-0 uppercase text-primary">Період оцінювання</SectionTitle>
+                <div className="flex justify-end items-center mb-6">
                     <button
                         onClick={() => setShowRatingsArchive(false)}
                         className="text-sm text-neutral-600 underline hover:text-primary transition-colors"
@@ -56,6 +51,20 @@ export const WorkloadDetails: FC<Props> = ({ workloads, ratings = [] }) => {
         );
     }
 
+    if (workloads.length === 0 || !workloadsByYearRange) {
+        return (
+            <div className="flex justify-between">
+                <SectionTitle className="mt-3 text-primary">Дані відсутні</SectionTitle>
+                <button
+                    onClick={() => setShowRatingsArchive(true)}
+                    className="text-sm text-neutral-600 underline hover:text-primary transition-colors"
+                >
+                    Архів рейтингу (до 2024)
+                </button>
+            </div>
+        );
+    }
+
     return (
         <div className="mt-4">
             <div className="flex justify-between items-start mb-6">

src/app/(default)/profile/[teacherId]/page.tsx

@@ -54,10 +54,10 @@ export async function generateMetadata({ params }: { params: Promise<{ teacherId
                 description,
                 images: teacher?.userIdentifier
                     ? [
-                        {
-                            url: `${API_BASE_URL}/intellect/v2/persons/${teacher.userIdentifier}/page-preview`,
-                        },
-                    ]
+                          {
+                              url: `${API_BASE_URL}/intellect/v2/persons/${teacher.userIdentifier}/page-preview`,
+                          },
+                      ]
                     : [],
             },
         };