diff --git a/src/search-results.js b/src/search-results.js
new file mode 100644
index 0000000..f698750
--- /dev/null
+++ b/src/search-results.js
@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+
+export default class SearchResults extends Component {
+  render() {
+    return (
+      <div className="column">
+      {
+         this.props.results && this.props.results.length > 0
+         ?
+         this.props.results.map((torrent, index) => {
+            return (
+              <div key={index}>
+              {torrent.name}
+              </div>
+            );
+         })
+         :
+         null
+      }
+      </div>
+    );
+  }
+}
diff --git a/src/search.js b/src/search.js
index b6e099b..252b86f 100644
--- a/src/search.js
+++ b/src/search.js
@@ -1,19 +1,22 @@
 import React, { Component } from 'react';
 
-export default class Search extends Component {
-  componentDidMount() {
+import SearchResults from './search-results'
 
-  }
+export default class Search extends Component {
   render() {
     return (
-      <div className="row">
-        <input type='text' ref='searchInput' onKeyPress={(e) => {
-          if (e.key === 'Enter') {
-            window.torrentSocket.emit('search', e.target.value, (torrents) => {
-              console.log(torrents);
-            });
-          }
-        }} />
+      <div className="column">
+        <div className='row'>
+          <input type='text' ref='searchInput' onKeyPress={(e) => {
+            if (e.key === 'Enter') {
+              window.torrentSocket.emit('search', e.target.value, (torrents) => {
+                this.searchData = torrents;
+                this.forceUpdate();
+              });
+            }
+          }} />
+        </div>
+        <SearchResults results={this.searchData} />
       </div>
     );
   }