feat: add years

jigglycrumb · May 19, 2023 · 9cc0c96 · 9cc0c96
1 parent 4cfe97d
commit 9cc0c96
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 14 deletions.
diff --git a/docs/bundle.js b/docs/bundle.js
diff --git a/readme.md b/readme.md
@@ -15,3 +15,8 @@ There is no need to install anything, you can use it directly at [http://jigglyc
 
 - Run dev server: `npm start`
 - Build: `npm run build`
+
+### Deployment
+
+Runs on Github pages, from the `docs` folder.
+Do a manual build and commit it to deploy.
diff --git a/src/styles/app.css b/src/styles/app.css
@@ -127,10 +127,6 @@ ul.flat {
   width: 100%;
 }
 
-.show-poster {
-  margin-top: 1.5em;
-}
-
 .help-text {
   font-weight: normal;
   font-style: italic;

diff --git a/src/views/TvShow.jsx b/src/views/TvShow.jsx
@@ -39,20 +39,26 @@ export default class TvShow extends React.Component {
 
       if (poster)
         posterStr = (
-          <img
-            alt="Show poster"
-            className="img-thumbnail show-poster"
-            src={poster}
-          />
+          <img alt="Show poster" className="img-thumbnail" src={poster} />
         );
 
+      var yearStart = this.props.info.first_air_date
+        ? this.props.info.first_air_date.split("-")[0]
+        : "";
+      var yearEnd = this.props.info.last_air_date
+        ? this.props.info.last_air_date.split("-")[0]
+        : "";
+
       return (
         <div>
           {/* Show info */}
           <div className="row">
-            <div className="col-3 text-right">{posterStr}</div>
+            <div className="col-3">{posterStr}</div>
             <div className="col-9">
               <h2>{this.props.info.name}</h2>
+              <h6>
+                {yearStart}-{yearEnd}
+              </h6>
               <ul className="flat">
                 <li>
                   <strong>