created DisplayMovieRow component

2020-08-01 15:59:41 -04:00
parent caee6b8726
commit 139a28dc10
9 changed files with 244 additions and 158 deletions
--- a/package-lock.json
+++ b/package-lock.json
@@ -1617,7 +1617,7 @@
        },
        "util": {
          "version": "0.10.3",
-          "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
+          "resolved": "http://registry.npmjs.org/util/-/util-0.10.3.tgz",
          "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
          "dev": true,
          "requires": {
@@ -1656,22 +1656,6 @@
      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
      "dev": true
    },
-    "async": {
-<<<<<<< HEAD
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
-      "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.17.14"
-      }
-=======
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
-      "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=",
-      "dev": true
->>>>>>> refs/remotes/origin/master
-    },
    "async-each": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz",
@@ -1767,7 +1751,7 @@
        },
        "chalk": {
          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
          "dev": true,
          "requires": {
@@ -1786,7 +1770,7 @@
        },
        "strip-ansi": {
          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
          "dev": true,
          "requires": {
@@ -2126,7 +2110,7 @@
        },
        "p-cancelable": {
          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-0.4.1.tgz",
+          "resolved": "http://registry.npmjs.org/p-cancelable/-/p-cancelable-0.4.1.tgz",
          "integrity": "sha512-HNa1A8LvB1kie7cERyy21VNeHb2CWJJYqyyC2o3klWFfMGlFmWv2Z7sFgZH8ZiaYL95ydToKTFVXgMV/Os0bBQ==",
          "dev": true
        },
@@ -2504,13 +2488,13 @@
      "dependencies": {
        "file-type": {
          "version": "3.9.0",
-          "resolved": "https://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz",
+          "resolved": "http://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz",
          "integrity": "sha1-JXoHg4TR24CHvESdEH1SpSZyuek=",
          "dev": true
        },
        "uuid": {
          "version": "2.0.3",
-          "resolved": "https://registry.npmjs.org/uuid/-/uuid-2.0.3.tgz",
+          "resolved": "http://registry.npmjs.org/uuid/-/uuid-2.0.3.tgz",
          "integrity": "sha1-Z+LoY3lyFVMN/zGOW/nc6/1Hsho=",
          "dev": true
        }
@@ -2542,7 +2526,7 @@
    },
    "cacache": {
      "version": "10.0.4",
-      "resolved": "https://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
+      "resolved": "http://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
      "integrity": "sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==",
      "dev": true,
      "requires": {
@@ -3491,7 +3475,7 @@
    },
    "css-select": {
      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
+      "resolved": "http://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
      "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=",
      "dev": true,
      "requires": {
@@ -3520,7 +3504,7 @@
      "dependencies": {
        "jsesc": {
          "version": "0.5.0",
-          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+          "resolved": "http://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
          "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
          "dev": true
        },
@@ -3537,7 +3521,7 @@
        },
        "regjsgen": {
          "version": "0.2.0",
-          "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
+          "resolved": "http://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
          "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
          "dev": true
        },
@@ -4022,7 +4006,7 @@
        },
        "bin-build": {
          "version": "2.2.0",
-          "resolved": "https://registry.npmjs.org/bin-build/-/bin-build-2.2.0.tgz",
+          "resolved": "http://registry.npmjs.org/bin-build/-/bin-build-2.2.0.tgz",
          "integrity": "sha1-EfjdYfcP/Por3KpbRvXo/t1CIcw=",
          "dev": true,
          "requires": {
@@ -4046,7 +4030,7 @@
        },
        "bin-version": {
          "version": "1.0.4",
-          "resolved": "https://registry.npmjs.org/bin-version/-/bin-version-1.0.4.tgz",
+          "resolved": "http://registry.npmjs.org/bin-version/-/bin-version-1.0.4.tgz",
          "integrity": "sha1-nrSY7m/Xb3q5p8FgQ2+JV5Q1144=",
          "dev": true,
          "requires": {
@@ -4055,7 +4039,7 @@
        },
        "bin-version-check": {
          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/bin-version-check/-/bin-version-check-2.1.0.tgz",
+          "resolved": "http://registry.npmjs.org/bin-version-check/-/bin-version-check-2.1.0.tgz",
          "integrity": "sha1-5OXfKQuQaffRETJAMe/BP90RpbA=",
          "dev": true,
          "requires": {
@@ -4067,7 +4051,7 @@
        },
        "bin-wrapper": {
          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/bin-wrapper/-/bin-wrapper-3.0.2.tgz",
+          "resolved": "http://registry.npmjs.org/bin-wrapper/-/bin-wrapper-3.0.2.tgz",
          "integrity": "sha1-Z9MwYmLksaXy+I7iNGT2plVneus=",
          "dev": true,
          "requires": {
@@ -4101,7 +4085,7 @@
        },
        "chalk": {
          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
          "dev": true,
          "requires": {
@@ -4341,7 +4325,7 @@
        },
        "file-type": {
          "version": "3.9.0",
-          "resolved": "https://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz",
+          "resolved": "http://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz",
          "integrity": "sha1-JXoHg4TR24CHvESdEH1SpSZyuek=",
          "dev": true
        },
@@ -4364,7 +4348,7 @@
        },
        "find-versions": {
          "version": "1.2.1",
-          "resolved": "https://registry.npmjs.org/find-versions/-/find-versions-1.2.1.tgz",
+          "resolved": "http://registry.npmjs.org/find-versions/-/find-versions-1.2.1.tgz",
          "integrity": "sha1-y96fEuOFdaCvG+G5osXV/Y8Ya2I=",
          "dev": true,
          "requires": {
@@ -4385,7 +4369,7 @@
        },
        "got": {
          "version": "5.7.1",
-          "resolved": "https://registry.npmjs.org/got/-/got-5.7.1.tgz",
+          "resolved": "http://registry.npmjs.org/got/-/got-5.7.1.tgz",
          "integrity": "sha1-X4FjWmHkplifGAVp6k44FoClHzU=",
          "dev": true,
          "requires": {
@@ -4494,7 +4478,7 @@
        },
        "semver": {
          "version": "4.3.6",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.6.tgz",
+          "resolved": "http://registry.npmjs.org/semver/-/semver-4.3.6.tgz",
          "integrity": "sha1-MAvG4OhjdPe6YQaLWx7NV/xlMto=",
          "dev": true
        },
@@ -4512,7 +4496,7 @@
        },
        "strip-ansi": {
          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
          "dev": true,
          "requires": {
@@ -4521,7 +4505,7 @@
        },
        "strip-dirs": {
          "version": "1.1.1",
-          "resolved": "https://registry.npmjs.org/strip-dirs/-/strip-dirs-1.1.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-dirs/-/strip-dirs-1.1.1.tgz",
          "integrity": "sha1-lgu9EoeETzl1pFWKoQOoJV4kVqA=",
          "dev": true,
          "requires": {
@@ -4551,7 +4535,7 @@
        },
        "through2": {
          "version": "0.6.5",
-          "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
+          "resolved": "http://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
          "integrity": "sha1-QaucZ7KdVyCQcUEOHXp6lozTrUg=",
          "dev": true,
          "requires": {
@@ -4573,7 +4557,7 @@
        },
        "uuid": {
          "version": "2.0.3",
-          "resolved": "https://registry.npmjs.org/uuid/-/uuid-2.0.3.tgz",
+          "resolved": "http://registry.npmjs.org/uuid/-/uuid-2.0.3.tgz",
          "integrity": "sha1-Z+LoY3lyFVMN/zGOW/nc6/1Hsho=",
          "dev": true
        },
@@ -4655,7 +4639,7 @@
      "dependencies": {
        "pify": {
          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
          "dev": true
        }
@@ -4743,13 +4727,13 @@
      "dependencies": {
        "file-type": {
          "version": "3.9.0",
-          "resolved": "https://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz",
+          "resolved": "http://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz",
          "integrity": "sha1-JXoHg4TR24CHvESdEH1SpSZyuek=",
          "dev": true
        },
        "get-stream": {
          "version": "2.3.1",
-          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-2.3.1.tgz",
+          "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-2.3.1.tgz",
          "integrity": "sha1-Xzj5PzRgCWZu4BUKBUFn+Rvdld4=",
          "dev": true,
          "requires": {
@@ -4759,7 +4743,7 @@
        },
        "pify": {
          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
          "dev": true
        }
@@ -5068,7 +5052,7 @@
      "dependencies": {
        "domelementtype": {
          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.1.3.tgz",
+          "resolved": "http://registry.npmjs.org/domelementtype/-/domelementtype-1.1.3.tgz",
          "integrity": "sha1-vSh3PiZCiBrsUVRJJCmcXNgiGFs=",
          "dev": true
        }
@@ -5352,8 +5336,7 @@
    "escape-string-regexp": {
      "version": "1.0.5",
      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
-      "dev": true
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
    },
    "eslint": {
      "version": "6.8.0",
@@ -6179,7 +6162,7 @@
      "dependencies": {
        "pify": {
          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
          "dev": true
        }
@@ -6509,7 +6492,7 @@
        },
        "fast-deep-equal": {
          "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
+          "resolved": "http://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
          "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=",
          "dev": true
        },
@@ -7040,7 +7023,7 @@
    },
    "get-stream": {
      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
      "dev": true
    },
@@ -7322,7 +7305,7 @@
        },
        "through2": {
          "version": "0.6.5",
-          "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
+          "resolved": "http://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
          "integrity": "sha1-QaucZ7KdVyCQcUEOHXp6lozTrUg=",
          "dev": true,
          "requires": {
@@ -7388,7 +7371,7 @@
      "dependencies": {
        "pify": {
          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
          "dev": true
        }
@@ -7483,7 +7466,7 @@
        },
        "chalk": {
          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
          "dev": true,
          "requires": {
@@ -7606,7 +7589,7 @@
        },
        "file-type": {
          "version": "3.9.0",
-          "resolved": "https://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz",
+          "resolved": "http://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz",
          "integrity": "sha1-JXoHg4TR24CHvESdEH1SpSZyuek=",
          "dev": true
        },
@@ -7648,7 +7631,7 @@
        },
        "strip-ansi": {
          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
          "dev": true,
          "requires": {
@@ -7657,7 +7640,7 @@
        },
        "strip-dirs": {
          "version": "1.1.1",
-          "resolved": "https://registry.npmjs.org/strip-dirs/-/strip-dirs-1.1.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-dirs/-/strip-dirs-1.1.1.tgz",
          "integrity": "sha1-lgu9EoeETzl1pFWKoQOoJV4kVqA=",
          "dev": true,
          "requires": {
@@ -7677,7 +7660,7 @@
        },
        "through2": {
          "version": "0.6.5",
-          "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
+          "resolved": "http://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
          "integrity": "sha1-QaucZ7KdVyCQcUEOHXp6lozTrUg=",
          "dev": true,
          "requires": {
@@ -7770,7 +7753,7 @@
        },
        "chalk": {
          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
          "dev": true,
          "requires": {
@@ -7801,7 +7784,7 @@
        },
        "strip-ansi": {
          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
          "dev": true,
          "requires": {
@@ -7871,7 +7854,6 @@
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
      "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
-      "dev": true,
      "requires": {
        "ansi-regex": "^2.0.0"
      },
@@ -7879,8 +7861,7 @@
        "ansi-regex": {
          "version": "2.1.1",
          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-          "dev": true
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
        }
      }
    },
@@ -8364,7 +8345,7 @@
      "dependencies": {
        "pify": {
          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
          "dev": true
        }
@@ -9730,7 +9711,7 @@
      "dependencies": {
        "pify": {
          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
          "dev": true
        }
@@ -9764,15 +9745,9 @@
      }
    },
    "lodash": {
-<<<<<<< HEAD
-      "version": "4.17.19",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz",
-      "integrity": "sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ=="
-=======
      "version": "4.17.15",
      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
->>>>>>> refs/remotes/origin/master
    },
    "lodash._basecopy": {
      "version": "3.0.1",
@@ -9872,15 +9847,6 @@
      "integrity": "sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=",
      "dev": true
    },
-<<<<<<< HEAD
-=======
-    "lodash.mergewith": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz",
-      "integrity": "sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==",
-      "dev": true
-    },
->>>>>>> refs/remotes/origin/master
    "lodash.restparam": {
      "version": "3.6.1",
      "resolved": "https://registry.npmjs.org/lodash.restparam/-/lodash.restparam-3.6.1.tgz",
@@ -11149,22 +11115,15 @@
      "integrity": "sha1-cTfmmzKYuzQiR6G77jiByA4v14s=",
      "dev": true,
      "requires": {
-<<<<<<< HEAD
        "is-stream": "^1.0.1",
        "readable-stream": "^2.0.1"
-=======
-        "graceful-fs": "^4.1.2",
-        "pify": "^2.0.0",
-        "pinkie-promise": "^2.0.0"
      },
      "dependencies": {
        "pify": {
          "version": "2.3.0",
          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
-          "dev": true
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
        }
->>>>>>> refs/remotes/origin/master
      }
    },
    "original": {
@@ -11580,6 +11539,15 @@
        "mkdirp": "^0.5.1"
      },
      "dependencies": {
+        "async": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+          "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.17.14"
+          }
+        },
        "debug": {
          "version": "3.2.6",
          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
@@ -12316,6 +12284,12 @@
      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.6.tgz",
      "integrity": "sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA=="
    },
+    "react-owl-carousel2": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/react-owl-carousel2/-/react-owl-carousel2-0.3.0.tgz",
+      "integrity": "sha512-f6RYdNn7BD3npMfS7d88utPMfje8qsAKAftUtQ0F9imjvKHtTngP013mdqOcllsJ/75f4/uu2vA14kVBwUvEZA==",
+      "dev": true
+    },
    "react-redux": {
      "version": "6.0.1",
      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-6.0.1.tgz",
@@ -12668,7 +12642,7 @@
      "dependencies": {
        "jsesc": {
          "version": "0.5.0",
-          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+          "resolved": "http://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
          "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
          "dev": true
        }
@@ -12707,7 +12681,7 @@
        },
        "strip-ansi": {
          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
          "dev": true,
          "requires": {
@@ -12992,8 +12966,7 @@
        "ansi-regex": {
          "version": "4.1.0",
          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
-          "dev": true
+          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg=="
        },
        "camelcase": {
          "version": "5.3.1",
@@ -13010,6 +12983,17 @@
            "string-width": "^3.1.0",
            "strip-ansi": "^5.2.0",
            "wrap-ansi": "^5.1.0"
+          },
+          "dependencies": {
+            "strip-ansi": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+              "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^4.1.0"
+              }
+            }
          }
        },
        "decamelize": {
@@ -13049,7 +13033,11 @@
            "path-exists": "^3.0.0"
          }
        },
-<<<<<<< HEAD
+        "os-locale": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+          "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk="
+        },
        "p-limit": {
          "version": "2.3.0",
          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -13063,12 +13051,6 @@
          "version": "3.0.0",
          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
          "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
-=======
-        "os-locale": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
-          "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
->>>>>>> refs/remotes/origin/master
          "dev": true,
          "requires": {
            "p-limit": "^2.0.0"
@@ -13095,21 +13077,25 @@
            "emoji-regex": "^7.0.1",
            "is-fullwidth-code-point": "^2.0.0",
            "strip-ansi": "^5.1.0"
+          },
+          "dependencies": {
+            "strip-ansi": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+              "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^4.1.0"
+              }
+            }
          }
        },
        "strip-ansi": {
-<<<<<<< HEAD
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-=======
          "version": "3.0.1",
          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
->>>>>>> refs/remotes/origin/master
-          "dev": true,
          "requires": {
-            "ansi-regex": "^4.1.0"
+            "ansi-regex": "^2.0.0"
          }
        },
        "wrap-ansi": {
@@ -13121,6 +13107,17 @@
            "ansi-styles": "^3.2.0",
            "string-width": "^3.0.0",
            "strip-ansi": "^5.0.0"
+          },
+          "dependencies": {
+            "strip-ansi": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+              "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^4.1.0"
+              }
+            }
          }
        },
        "yargs": {
@@ -13225,7 +13222,7 @@
      "dependencies": {
        "commander": {
          "version": "2.8.1",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-2.8.1.tgz",
+          "resolved": "http://registry.npmjs.org/commander/-/commander-2.8.1.tgz",
          "integrity": "sha1-Br42f+v9oMMwqh4qBy09yXYkJdQ=",
          "dev": true,
          "requires": {
@@ -13950,7 +13947,7 @@
        },
        "chalk": {
          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
          "dev": true,
          "requires": {
@@ -13963,7 +13960,7 @@
        },
        "strip-ansi": {
          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
          "dev": true,
          "requires": {
@@ -14869,23 +14866,26 @@
        "trim": "0.0.1"
      },
      "dependencies": {
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0"
+          }
+        },
        "process-nextick-args": {
          "version": "1.0.7",
          "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz",
          "integrity": "sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M=",
          "dev": true
        },
-<<<<<<< HEAD
        "readable-stream": {
          "version": "2.2.9",
          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.2.9.tgz",
          "integrity": "sha1-z3jsb0ptHrQ9JkiMrJfwQudLf8g=",
-=======
-        "chalk": {
-          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
-          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
->>>>>>> refs/remotes/origin/master
          "dev": true,
          "requires": {
            "buffer-shims": "~1.0.0",
@@ -14897,21 +14897,19 @@
            "util-deprecate": "~1.0.1"
          }
        },
-<<<<<<< HEAD
        "string_decoder": {
          "version": "1.0.3",
          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
          "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
-=======
-        "strip-ansi": {
-          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
->>>>>>> refs/remotes/origin/master
          "dev": true,
          "requires": {
            "safe-buffer": "~5.1.0"
          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8="
        }
      }
    },
@@ -16754,7 +16752,7 @@
        },
        "strip-ansi": {
          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
          "dev": true,
          "requires": {
@@ -16889,15 +16887,9 @@
          }
        },
        "strip-ansi": {
-<<<<<<< HEAD
          "version": "5.2.0",
          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-=======
-          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
->>>>>>> refs/remotes/origin/master
          "dev": true,
          "requires": {
            "ansi-regex": "^4.1.0"
--- a/package.json
+++ b/package.json
@@ -58,6 +58,7 @@
    "node-sass": "^4.14.1",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "prettier": "^2.0.5",
+    "react-owl-carousel2": "^0.3.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "svg-inline-loader": "^0.8.0",
--- a/src/components/NavigationItem.js
+++ b/src/components/NavigationItem.js
@@ -1,14 +0,0 @@
-// import React from 'react';
-// import { NavLink } from 'react-router-dom';
-
-// const navigationItem = (props) => (
-//   <NavLink
-//     // className="navigation__container-link"
-//     exact={props.exact}
-//     to={props.link}
-//   >
-//     {props.children}
-//   </NavLink>
-// );
-
-// export default navigationItem;
--- a/src/containers/DisplayMovieRow.js
+++ b/src/containers/DisplayMovieRow.js
@@ -0,0 +1,42 @@
+import React from 'react';
+// import MovieGenre from './components/MovieGenre';
+import MovieGenre from '../components/MovieGenre';
+
+const getMovieRows = (movies, url) => {
+  console.log('getMovieRow() ', movies, url);
+  const movieRow = movies.map((movie) => {
+    let movieImageUrl =
+      'https://image.tmdb.org/t/p/w500/' + movie.backdrop_path;
+    if (
+      url === `/discover/tv?api_key=${process.env.API_KEY}&with_networks=213`
+    ) {
+      movieImageUrl =
+        'https://image.tmdb.org/t/p/original/' + movie.poster_path;
+    }
+
+    if (movie.poster_path && movie.backdrop_path !== null) {
+      const movieComponent = (
+        <MovieGenre
+          key={movie.id}
+          url={url}
+          posterUrl={movieImageUrl}
+          movie={movie}
+        />
+      );
+
+      return movieComponent;
+    }
+  });
+  return movieRow;
+};
+
+export default function DisplayMovieRow(props) {
+  console.log('DisplayMovieRow.render()', props.movies);
+  let movies = getMovieRows(props.movies, props.url);
+  return (
+    <>
+      <h1 className="movieShowcase__heading">{props.title}</h1>
+      <div className="movieShowcase__container">{movies}</div>
+    </>
+  );
+}
--- a/src/containers/Home.js
+++ b/src/containers/Home.js
@@ -47,7 +47,7 @@ class Home extends Component {
  render() {
    return (
      <>
-        <div class="main-content">
+        <div className="main-content">
          <MainContent />
        </div>
        <Modal show={this.state.toggleModal}
--- a/src/containers/MainContent.js
+++ b/src/containers/MainContent.js
@@ -2,27 +2,45 @@ import React, { Component } from 'react';
 import axios from 'axios';
 import Header from '../components/Header';
 import Footer from '../components/Footer';
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';

 import TrendingMovies from './TrendingMovies';
 import NetflixOriginals from './NetflixOriginals';
+import { fetchNetflixOriginals } from '../store/actions/index';
 import TopRated from './TopRated';
 import ActionMovies from './ActionMovies';
 import ComedyMovies from './ComedyMovies';
 import Documentaries from './Documentaries';
+import DisplayMovieRow from './DisplayMovieRow';


 class MainContent extends Component {

  state = {
    /** Will hold our chosen movie to display on the header */
-    selectedMovie: {}
+    selectedMovie: {},
+    movieInfo: [
+      {
+        title: 'Netflix Originals',
+        url: `/discover/tv?api_key=${process.env.API_KEY}&with_networks=213`,
+        movies: []
+      }
+    ],
+    netflixOriginals: []
  };

-  componentDidMount = () => {
-    this.getMovie();
+  componentDidMount = async () => {
+    await this.getMovie();
+    await this.props.fetchNetflixOriginals();
+    this.state.movieInfo.forEach((movie) => {
+      if (movie.title === 'Netflix Originals') {
+        movie.movies.push(...this.props.netflixOriginals.data)
+      }
+    })
+    // await this.setState({ movieInfo: this.props.netflixOriginals.data })
  };

-
  getMovie = () => {
    /** Movie Id for the Narcos series  */
    const movieId = 63351;
@@ -40,11 +58,27 @@ class MainContent extends Component {
  };

  render() {
+    // console.log('render().state', this.state)
    return (
      <div className="container">
        <Header movie={this.state.selectedMovie} />
        <div className="movieShowcase">
-          <NetflixOriginals />
+          {
+            this.state.movieInfo.map((info) => {
+              // console.log('render()----', info)
+              return (
+                <DisplayMovieRow
+                  title={info.title}
+                  url={info.url}
+                  movies={info.movies}
+                />)
+            })
+          }
+          {/* <DisplayMovieRow
+            title={'Netflix Originals'}
+            movies={this.state.netflixOriginals}
+          /> */}
+          {/* <NetflixOriginals /> */}
          <TrendingMovies />
          <TopRated />
          <ActionMovies />
@@ -57,4 +91,16 @@ class MainContent extends Component {
  }
 }

-export default MainContent; 
+const mapStateToProps = (state) => {
+  return { netflixOriginals: state.netflixOriginals };
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return bindActionCreators({ fetchNetflixOriginals }, dispatch);
+}
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)
+  (MainContent); 
--- a/src/containers/NetflixOriginals.js
+++ b/src/containers/NetflixOriginals.js
@@ -1,10 +1,23 @@
 import React, { Component } from 'react';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
+import OwlCarousel from 'react-owl-carousel2';

 import { getMovieRows } from '../getMovie';
 import { fetchNetflixOriginals } from '../store/actions/index';

+const options = {
+  items: 1,
+  nav: true,
+  rewind: true,
+  autoplay: true,
+};
+
+const events = {
+  onDragged: [],
+  onChanged: [],
+};
+
 class NetflixOriginals extends Component {
  componentWillMount() {
    this.props.fetchNetflixOriginals();
@@ -22,6 +35,13 @@ class NetflixOriginals extends Component {
      <>
        <h1 className="movieShowcase__heading">NETFLIX ORIGINALS</h1>
        <div className="movieShowcase__container">{movies}</div>
+        {/* <OwlCarousel
+          options={options}
+          events={events}
+          className="movieShowcase__container"
+        >
+          {movies}
+        </OwlCarousel> */}
      </>
    );
  }
--- a/src/containers/RomanceMovies.js
+++ b/src/containers/RomanceMovies.js
@@ -18,6 +18,7 @@ class RomanceMovies extends Component {
      const url = `/discover/tv?api_key=${process.env.API_KEY}&with_genres=10749`;
      movies = getMovieRows(this.props.movies.data, url);
    }
+
    return (
      <>
        <h1 className="movieShowcase__heading">Romance Movies</h1>
--- a/src/static/sass/components/_movieShowcase.scss
+++ b/src/static/sass/components/_movieShowcase.scss
@@ -37,19 +37,19 @@
      }

      &:hover>* {
-         //    transform: translate3d(-5rem, 0, 0);
+         transform: translate3d(-5rem, 0, 0);

         @include responsive(tab_port) {
            transform: translate3d(-5rem, 0, 0);
         }

-         //    @include responsive(phone) {
-         //       // transform: translate3d(-3rem, 0, 0);
-         //    }
+         @include responsive(phone) {
+            transform: translate3d(-3rem, 0, 0);
+         }
      }

      &--movie:hover~&--movie {
-         // transform: translate3d(6rem, 0, 0);
+         transform: translate3d(6rem, 0, 0);

         @include responsive(tab_port) {
            transform: translate3d(4.5rem, 0, 0);
@@ -66,7 +66,7 @@
      }

      &--movie__netflix:hover~&--movie__netflix {
-         transform: translate3d(1rem, 0, 0);
+         // transform: translate3d(1rem, 0, 0);
      }

      &:hover &--movie__netflix {
@@ -101,7 +101,6 @@

         &-image {
            height: 100%;
-
         }

         &__netflix {
@@ -122,7 +121,6 @@
               height: 34rem;
            }
         }
-
      }
   }
 }