From 52347fd56dff95190915d9f375dbebe1383e76c8 Mon Sep 17 00:00:00 2001
From: Aaron Chen <86327871+aaronthechen@users.noreply.github.com>
Date: Sat, 18 Jan 2025 22:58:30 -0600
Subject: [PATCH] feat(ui): change red text when instructor not found (#483)

* feat(ui): change red text when instructor not found

* feat(ui): fix wrong &apos; usage

* feat(ui): changed/shortened text

* feat(ui): update text, get rid of formatting

* feat(ui): removed unintentional H character from testing

* feat(ui): add space

---------

Co-authored-by: doprz <52579214+doprz@users.noreply.github.com>
---
 .../CourseCatalogInjectedPopup/GradeDistribution.tsx      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/components/injected/CourseCatalogInjectedPopup/GradeDistribution.tsx b/src/views/components/injected/CourseCatalogInjectedPopup/GradeDistribution.tsx
index d0ed2eda..4d2a514c 100644
--- a/src/views/components/injected/CourseCatalogInjectedPopup/GradeDistribution.tsx
+++ b/src/views/components/injected/CourseCatalogInjectedPopup/GradeDistribution.tsx
@@ -252,10 +252,10 @@ export default function GradeDistribution({ course }: GradeDistributionProps): J
                         </Link>
                     </div>
                     {distributions[semester] && !distributions[semester]!.instructorIncluded && (
-                        <div className='mt-3 flex flex-wrap content-center items-center self-stretch justify-center gap-3'>
-                            <Text variant='mini' className='text-theme-red italic!'>
-                                Instructor-specific data is not available for this course
-                                {semester !== 'Aggregate' && ` for ${semester}`}, showing course-wide data instead
+                        <div className='mt-3 flex flex-wrap content-center items-center self-stretch justify-center gap-3 text-center'>
+                            <Text variant='small' className='text-theme-red'>
+                                We couldn&apos;t find {semester !== 'Aggregate' && ` ${semester}`} grades for this
+                                instructor, so here are the grades for all {course.department} {course.number} sections.
                             </Text>
                         </div>
                     )}