Remove react-lazyload

Author: lindskogen

frontend/package.json

@@ -31,7 +31,6 @@
     "react-apollo": "2.3.2",
     "react-day-picker": "7.2.4",
     "react-dom": "16.8.3",
-    "react-lazyload": "2.3.0",
     "react-modal": "3.7.1",
     "react-router": "4.3.1",
     "react-router-dom": "4.3.1",

frontend/src/use-cases/common/showing/ShowingNeue.js

@@ -2,7 +2,6 @@ import React from "react";
 import { Header } from "../ui/RedHeader";
 import { faQrcode, faChevronRight } from "@fortawesome/free-solid-svg-icons";
 import { formatShowingDateTime } from "../../../lib/dateTools";
-import LazyLoad from "react-lazyload";
 import gql from "graphql-tag";
 import {
   Box,
@@ -22,26 +21,14 @@ export const ShowingNeue = ({ showing, onClick, onClickTickets }) => {
 
   return (
     <Box onClick={onClick}>
-      <LazyLoad
-        offset={window.innerHeight / 2}
-        overflow
-        placeholder={<Poster src={null} />}
-      >
-        <Poster src={showing.movie.poster} />
-      </LazyLoad>
+      <Poster src={showing.movie.poster} />
       <CenterColumn>
         <Content>
           <Header>{showing.movie.title}</Header>
           <Description>
             {formatShowingDateTime(showing.date + " " + showing.time)}
           </Description>
-          <LazyLoad
-            offset={window.innerHeight / 2}
-            overflow
-            placeholder={<UserHeads users={[]} />}
-          >
-            <UserHeads users={showing.participants.map(p => p.user)} />
-          </LazyLoad>
+          <UserHeads users={showing.participants.map(p => p.user)} />
         </Content>
         {showingHasTickets && (
           <RedButton

frontend/src/use-cases/common/ui/PosterBox.js

@@ -3,7 +3,6 @@ import styled from "@emotion/styled";
 import { css } from "@emotion/core";
 import alfons from "../../../assets/alfons.jpg";
 import { Header } from "./RedHeader";
-import LazyLoad from "react-lazyload";
 
 const pointerHover = css`
   &:hover {
@@ -37,13 +36,7 @@ const PosterBox = ({ className, poster, onClick, headerText, children }) => (
     onClick={onClick}
     onKeyDown={e => filterEnterKey(e, onClick)}
   >
-    <LazyLoad
-      offset={window.innerHeight / 2}
-      overflow
-      placeholder={<Poster src={null} />}
-    >
-      <Poster src={poster} />
-    </LazyLoad>
+    <Poster src={poster} />
     <PaddingContainer>
       <Header>{headerText}</Header>
       {children}

frontend/yarn.lock

@@ -9222,11 +9222,6 @@ react-is@^16.3.2:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.5.2.tgz#e2a7b7c3f5d48062eb769fcb123505eb928722e3"
   integrity sha512-hSl7E6l25GTjNEZATqZIuWOgSnpXb3kD0DVCujmg46K5zLxsbiKaaT6VO9slkSBDPZfYs30lwfJwbOFOnoEnKQ==
 
-[email protected]:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/react-lazyload/-/react-lazyload-2.3.0.tgz#ccb134223012447074a96543954f44b055dc6185"
-  integrity sha512-0z3qmL+qtSERdfKFpn0yKXm+1Gg1ZLZBXnCzHhSGiu1L8iDARuCkbOypxEx9+ETxZvMnXj98xvWCs5jyXTuM2w==
-
 react-lifecycles-compat@^3.0.0, react-lifecycles-compat@^3.0.2, react-lifecycles-compat@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"