class SearchResults extends React.Component {
  render() {
    return (
      <div>
        <div className='ui inverted container segment center aligned'>
          <h1 className='ui header'>Here's those TPS Reports you asked for...</h1>
        </div>
        <div className='ui three giphy cards'>
          {this.props.search.results.map(gif =>
            <div className='ui card'>
              <div className='image'>
                <img src={gif.images.fixed_height.url} />
              </div>
              <div className='content'>
                <form className='ui form'>
                  <div className='field'>
                    <div className='ui small fluid labeled input'>
                      <div className='ui label'>Image Type</div>
                      <input type='text' value={gif.type} />
                    </div>
                  </div>
                  <div className='field'>
                    <div className='ui small fluid labeled input'>
                      <div className='ui label'>URL</div>
                      <input type='text' value={gif.url} />
                    </div>
                  </div>
                  <div className='field'>
                    <div className='ui small fluid labeled input'>
                      <div className='ui label'>Bitly URL</div>
                      <input type='text' value={gif.bitly_url} />
                    </div>
                  </div>
                  <div className='field'>
                    <div className='ui small fluid labeled input'>
                      <div className='ui label'>Embed URL</div>
                      <input type='text' value={gif.embed_url} />
                    </div>
                  </div>
                  <div className='field'>
                    <div className='ui small fluid labeled input'>
                      <div className='ui label'>Download URL</div>
                      <input type='text' value={`http://i.giphy.com/${gif.id}.gif`} />
                    </div>
                  </div>
                </form>
              </div>
            </div>
          )}
        </div>
      </div>
    );
  }
}

export default Relay.createContainer(SearchResults, {
  fragments: {
    search: () => Relay.QL`
      fragment on Search {
        results {
          id
          type
          embed_url
          url,
          bitly_url,
          images {
            fixed_height {
              url
            }
          }
        }
      }
    `,
  },
});

@@ -692,295 +692,8 @@
 t'%3E%0A
-                      %3Cdiv className='ui label'%3EImage Type%3C/div%3E%0A                      %3Cinput type='text' value=%7Bgif.type%7D /%3E%0A                    %3C/div%3E%0A                  %3C/div%3E%0A                  %3Cdiv className='field'%3E%0A                    %3Cdiv className='ui small fluid labeled input'%3E%0A
     
@@ -1694,19 +1694,27 @@
 gif.id%7D.
+$%7B
 gif
+.type%7D
 %60%7D /%3E%0A  

Remove type from fields but use it to build download url