From b3ae91d8f3cebb89e5e5cea7f1200d28326afb4d Mon Sep 17 00:00:00 2001
From: adityamkk <73001560+adityamkk@users.noreply.github.com>
Date: Tue, 29 Oct 2024 12:12:51 -0500
Subject: [PATCH] fix(ui): placeholder text for no instructor course #400
 (#402)

* fix(ui): placeholder text for no instructor course #400

* Update src/views/components/injected/CourseCatalogInjectedPopup/HeadingAndActions.tsx

Co-authored-by: Samuel Gunter <sgunter@utexas.edu>

---------

Co-authored-by: Samuel Gunter <sgunter@utexas.edu>
---
 .../CourseCatalogInjectedPopup/HeadingAndActions.tsx      | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/components/injected/CourseCatalogInjectedPopup/HeadingAndActions.tsx b/src/views/components/injected/CourseCatalogInjectedPopup/HeadingAndActions.tsx
index 6b69e1c9..c979e96f 100644
--- a/src/views/components/injected/CourseCatalogInjectedPopup/HeadingAndActions.tsx
+++ b/src/views/components/injected/CourseCatalogInjectedPopup/HeadingAndActions.tsx
@@ -130,8 +130,8 @@ export default function HeadingAndActions({ course, activeSchedule, onClose }: H
                     </button>
                 </div>
                 <div className='flex items-center gap-2'>
-                    {instructors.length > 0 && (
-                        <Text variant='h4' as='p' className='items-center justify-center'>
+                    {instructors.length > 0 ? (
+                        <Text variant='h4' as='p'>
                             with{' '}
                             {instructors
                                 .map(instructor => (
@@ -146,6 +146,10 @@ export default function HeadingAndActions({ course, activeSchedule, onClose }: H
                                 ))
                                 .flatMap((el, i) => (i === 0 ? [el] : [', ', el]))}
                         </Text>
+                    ) : (
+                        <Text variant='h4' as='p'>
+                            (No instructor has been provided)
+                        </Text>
                     )}
                     <div className='flex items-center gap-1'>
                         {flags.map((flag: string) => (