it's prettier now

aydrian · Apr 15, 2018 · 7f87265 · 7f87265
1 parent ba6504a
commit 7f87265
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 9 deletions.
diff --git a/webui/public/favicon.ico b/webui/public/favicon.ico
diff --git a/webui/src/App.css b/webui/src/App.css
@@ -26,3 +26,12 @@
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
+
+ul.responses {
+  list-style: none;
+}
+
+ul.gif-list li {
+  padding: 5px;
+  display: inline-block;
+}
diff --git a/webui/src/App.js b/webui/src/App.js
@@ -34,10 +34,21 @@ class App extends Component {
           <img src={logo} className="App-logo" alt="logo" />
           <h1 className="App-title">Giphy Responder</h1>
         </header>
-        <ul>
+        <p className="App-intro">
+          Send an email to gifme@sup.aydrian.me with a subject of what you want gifs of.
+        </p>
+        <ul className="responses">
           { this.state.responses.map(response => {
             return (
-              <li key={response._id}>{response.search}</li>
+              <li key={response._id}><h2>{response.search}</h2>
+                <ul className="gif-list">
+                  { response.gifs.map(gif => {
+                    return (
+                      <li key={gif.id}><a href={gif.url} target="_blank"><img src={gif.src} alt={gif.title || "no title"} /></a></li>
+                    )
+                  })}
+                </ul>
+              </li>
             );
           })}
         </ul>

diff --git a/webui/src/logo.svg b/webui/src/logo.svg