Review correction: customBrandTitle as img.alt and fallback to 'Brand Logo'

Author: stepanic

src/components/LoginForm/LoginForm.react.js

@@ -15,10 +15,11 @@ import { verticalCenter } from 'stylesheets/base.scss';
 export default class LoginForm extends React.Component {
   render() {
     const customBrandIcon = window.CUSTOM_BRAND_ICON;
+    const customBrandTitle = window.CUSTOM_BRAND_TITLE;
     return (
       <div className={styles.login} style={{ marginTop: this.props.marginTop || '-220px' }}>
         {!customBrandIcon && <Icon width={80} height={80} name='infinity' fill='#093A59' />}
-        {customBrandIcon && <img src={'appicons/' + customBrandIcon} width={80} height={80} alt="Custom BRAND icon"/>}
+        {customBrandIcon && <img src={'appicons/' + customBrandIcon} width={80} height={80} alt={customBrandTitle || 'Brand Logo'} />}
         <form method='post' ref='form' action={this.props.endpoint} className={styles.form}>
           <CSRFInput />
           <div className={styles.header}>{this.props.header}</div>

src/components/Sidebar/SidebarHeader.react.js

@@ -30,7 +30,7 @@ export default class SidebarHeader extends React.Component {
       <div className={styles.header}>
         <Link className={styles.logo} to={{ pathname: '/apps' }}>
           {!customBrandIcon && <Icon width={28} height={28} name='infinity' fill={'#ffffff'} />}
-          {customBrandIcon && <img src={'appicons/' + customBrandIcon} width={28} height={28} alt="Custom BRAND icon"/>}
+          {customBrandIcon && <img src={'appicons/' + customBrandIcon} width={28} height={28} alt={customBrandTitle || 'Brand Logo'} />}
         </Link>
         <Link to='/apps'>
           <div className={styles.version}>