hunk.code_window:                         "not an input object type"))
   assertType :: G.GType -> G.GType -> Validation (NonEmpty ValidationError) ()
   assertType actualType expectedType = do
     -- The GraphQL spec says that, we can coerce a singleton value into an array
     -- value. Which means that if the 'actualType' is a singleton type, like
     -- 'Int' we should be able to join this with a remote node, which expects an
     -- input argument of type '[Int]'
     -- http://spec.graphql.org/June2018/#sec-Type-System.List
  
hunk.labels: keep keep keep replace replace replace keep keep keep
hunk.after_edit: assertType actualType expectedType =
     -- The GraphQL spec says that, a singleton type can be coerced into  an array
     -- type. Which means that if the 'actualType' is a singleton type, like
  
hunk.file_path: server/src-lib/Hasura/RQL/DDL/RemoteRelationship/Validate.hs
hunk.type: replace
file: import React from 'react';
  import styles from '../../RemoteSchema/RemoteSchema.scss';
  import KnowMoreLink from '../../../Common/KnowMoreLink/KnowMoreLink';
  
  const Rectangle = require('./images/Rectangle.svg');
  
  type TopicDescriptionProps = {
    title: string;
    imgUrl: string;
    imgAlt: string;
    knowMoreHref?: string;
    description: React.ReactNode;
  };
  
  const TopicDescription = (props: TopicDescriptionProps) => {
    const { title, imgUrl, imgAlt, description, knowMoreHref } = props;
    return (
      <div>
        <div className={styles.subHeaderText}>
          <img className="img-responsive" src={Rectangle} alt="Rectangle" />
          {title}
        </div>
        <div className={styles.remoteSchemaImg}>
          <img className="img-responsive" src={imgUrl} alt={imgAlt} />
        </div>
        <div className={`${styles.descriptionText} ${styles.wd60}`}>
          {description} {knowMoreHref && <KnowMoreLink href={knowMoreHref} />}
        </div>
      </div>
    );
  };
  
  export default TopicDescription;
  