Add a prettier runtime string for movies

2019-06-24 14:51:43 +02:00 · 2019-06-24 14:51:43 +02:00 · eae4598c88
commit eae4598c88
parent 20ca2adefc
1 changed files with 10 additions and 2 deletions
--- a/frontend/js/components/list/details.js
+++ b/frontend/js/components/list/details.js
@ -47,14 +47,22 @@ ListDetails.propTypes = {
 export default ListDetails;

 const Runtime = (props) => {
-  if (props.runtime === undefined) {
+  if (props.runtime === undefined || props.runtime === 0) {
    return null;
  }

+  const hours = Math.floor(props.runtime / 60);
+  const minutes = (props.runtime % 60);
+
+  let duration = "";
+  if (hours > 0) { duration += hours + "h" }
+  if (minutes > 0) { duration += ("0" + minutes).slice(-2) }
+  if (hours === 0) { duration += " min" }
+
  return (
    <p>
      <i className="fa fa-clock-o"></i>
-      &nbsp;{props.runtime} min
+      &nbsp;{duration}
    </p>
  );
 }