fix(coursesettingform): invalid course logo falls back to title

Coursemology · Dec 9, 2022 · 13f225e · 13f225e
1 parent bccb281
commit 13f225e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/client/app/bundles/course/admin/pages/CourseSettings/CourseSettingsForm.tsx b/client/app/bundles/course/admin/pages/CourseSettings/CourseSettingsForm.tsx
@@ -105,6 +105,7 @@ const CourseSettingsForm = (props: CourseSettingsFormProps): JSX.Element => {
             </Subsection>
 
             <AvatarSelector
+              alt={props.data.title}
               defaultImageUrl={watch('logo')}
               disabled={props.disabled}
               onSelectImage={setStagedLogo}

diff --git a/client/app/lib/components/core/AvatarSelector.tsx b/client/app/lib/components/core/AvatarSelector.tsx
@@ -23,6 +23,7 @@ const DEFAULT_IMAGE_NAME = 'image';
 
 interface AvatarSelectorProps {
   title: string;
+  alt?: string;
   defaultImageUrl?: string;
   stagedImage?: File;
   onSelectImage?: (image: File) => void;
@@ -77,6 +78,7 @@ const AvatarSelector = (props: AvatarSelectorProps): JSX.Element => {
     <Subsection title={props.title}>
       <div className="relative">
         <Avatar
+          alt={props.alt}
           className="h-80 w-80"
           src={
             props.stagedImage