From 0ceb4ecc5ec8619d5849058df72372496b9a0a3d Mon Sep 17 00:00:00 2001
From: Arnab Sen <arnabsen1729@gmail.com>
Date: Sun, 20 Mar 2022 17:52:32 +0530
Subject: [PATCH] Adds functionality of toggling Full Screen in Files Mode

---
 src/components/Footer.jsx | 2 +-
 src/components/app.jsx    | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 9627249..ce84908 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -285,7 +285,7 @@ export default class Footer extends Component {
 							<button
 								onClick={this.layoutBtnClickhandler.bind(this, 4)}
 								id="layoutBtn4"
-								class="mode-btn hint--top-left hint--rounded hide-in-file-mode hide-on-mobile"
+								class="mode-btn hint--top-left hint--rounded hide-on-mobile"
 								aria-label={i18n._(t`Switch to full screen preview`)}
 							>
 								<svg viewBox="0 0 100 100">
diff --git a/src/components/app.jsx b/src/components/app.jsx
index ff86dd2..8d9123f 100644
--- a/src/components/app.jsx
+++ b/src/components/app.jsx
@@ -735,6 +735,9 @@ export default class App extends Component {
 	}
 
 	layoutBtnClickHandler(layoutId) {
+		if (layoutId === this.state.currentLayoutMode) {
+			layoutId = 2;
+		}
 		this.saveSetting('layoutMode', layoutId);
 		trackEvent('ui', 'toggleLayoutClick', layoutId);
 		this.toggleLayout(layoutId);