From 73fcbbd378220b28b80a12e6af68cd8d15eaafa0 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 22 Apr 2021 16:15:46 +0200
Subject: some home styling

---
 frontend/site/projects/museum/views/landscape.warning.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'frontend/site/projects/museum/views/landscape.warning.js')

diff --git a/frontend/site/projects/museum/views/landscape.warning.js b/frontend/site/projects/museum/views/landscape.warning.js
index eeb504c..7f03724 100644
--- a/frontend/site/projects/museum/views/landscape.warning.js
+++ b/frontend/site/projects/museum/views/landscape.warning.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react'
 
 import './landscape.warning.css'
 
+import { isMobile } from 'app/utils'
 import { LastMuseumLogoNoBlur } from '../icons'
 
 const PhoneIcon = (
@@ -18,13 +19,15 @@ const RotateIcon = (
 
 export default class LandscapeWarning extends Component {
   state = {
-    landscape: false,
+    landscape: !isMobile || window.innerWidth > window.innerHeight,
   }
   constructor(props) {
     super(props)
     this.handleResize = this.handleResize.bind(this)
-    window.addEventListener("resize", this.handleResize)
-    this.handleResize()
+    if (isMobile) {
+      window.addEventListener("resize", this.handleResize)
+      setTimeout(this.handleResize, 100)
+    }
   }
 
   handleResize() {
@@ -36,7 +39,7 @@ export default class LandscapeWarning extends Component {
 
   render() {
     const { landscape } = this.state
-    if (!landscape) return null
+    if (landscape) return null
     return (
       <div className="landscape-warning">
         {RotateIcon}
-- 
cgit v1.2.3-70-g09d2