react-saasify-chrisvxd/src/components/Logo/Logo.js

React components for Saasify web clients.

import React, { Component } from 'react'
import theme from 'lib/theme'

import { SaasifyContext } from '../SaasifyContext'

import styles from './styles.module.css'

export class Logo extends Component {
  render() {
    const {
      className,
      style = { },
      ...rest
    } = this.props

    return (
      <SaasifyContext.Consumer>
        {config => (
          config.logo ? (
            <img
              className={theme(styles, 'logo', className)}
              src={config.logo}
              alt={`${config.name} Logo`}
              style={style}
              {...rest}
            />
          ) : (
            <div
              className={theme(styles, 'logo', className)}
              style={style}
              {...rest}
            >
              {config.name}
            </div>
          )
        )}
      </SaasifyContext.Consumer>
    )
  }
}