From 571919c9696212d4389692ccdf53e60a2bc06e16 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Tue, 20 Sep 2022 15:28:45 +0530
Subject: [PATCH] fix: default to notes list on launch on mobile (#1599)

---
 .../Components/ResponsivePane/ResponsivePaneProvider.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/javascripts/Components/ResponsivePane/ResponsivePaneProvider.tsx b/packages/web/src/javascripts/Components/ResponsivePane/ResponsivePaneProvider.tsx
index 790511d8a..464d93b46 100644
--- a/packages/web/src/javascripts/Components/ResponsivePane/ResponsivePaneProvider.tsx
+++ b/packages/web/src/javascripts/Components/ResponsivePane/ResponsivePaneProvider.tsx
@@ -1,4 +1,5 @@
 import { ElementIds } from '@/Constants/ElementIDs'
+import { isMobileScreen } from '@/Utils'
 import { useEffect, ReactNode, useMemo, createContext, useCallback, useContext, useState } from 'react'
 import { AppPaneId } from './AppPaneMetadata'
 
@@ -24,8 +25,12 @@ type Props = {
 }
 
 const ResponsivePaneProvider = ({ children }: Props) => {
-  const [currentSelectedPane, setCurrentSelectedPane] = useState<AppPaneId>(AppPaneId.Editor)
-  const [previousSelectedPane, setPreviousSelectedPane] = useState<AppPaneId>(AppPaneId.Editor)
+  const [currentSelectedPane, setCurrentSelectedPane] = useState<AppPaneId>(
+    isMobileScreen() ? AppPaneId.Items : AppPaneId.Editor,
+  )
+  const [previousSelectedPane, setPreviousSelectedPane] = useState<AppPaneId>(
+    isMobileScreen() ? AppPaneId.Items : AppPaneId.Editor,
+  )
 
   const toggleAppPane = useCallback(
     (paneId: AppPaneId) => {