fix opening document issue (#428)

ui2/src/app/App.tsx

@@ -1,3 +1,4 @@
+import {useLocation} from "react-router-dom"
 import {useEffect, useRef} from "react"
 import "@mantine/core/styles.css"
 import {AppShell} from "@mantine/core"
@@ -21,6 +22,7 @@ import Uploader from "@/components/Uploader"
 function App() {
   const {height, width} = useViewportSize()
   const navigate = useNavigate()
+  const location = useLocation()
   const dispatch = useDispatch()
   const status = useSelector(selectCurrentUserStatus)
   const error = useSelector(selectCurrentUserError)
@@ -29,7 +31,16 @@ function App() {
   const ref = useRef<HTMLDivElement>(null)
 
   useEffect(() => {
-    if (status == "succeeded" && user) {
+    /* notice *EXACT match* of the root route.
+      Without it, user will always be redirected to home folder,
+      even when he/she opens a document via direct url pasting in browser */
+    if (status == "succeeded" && user && location.pathname == "/") {
+      /*
+      This code addresses following problem: what happens when user lands
+      on root route (i.e. "/")?
+      Without any code change - the app shell will be render an empty outlet!!!
+      What we need though is to render "home" folder by default.
+    */
       navigate(`/home/${user.home_folder_id}`)
     }
   }, [status])

ui2/src/router.tsx

@@ -38,8 +38,7 @@ const router = createBrowserRouter([
       {
         path: "/home/:folderId",
         element: <Home />,
-        loader: homeLoader,
-        index: true
+        loader: homeLoader
       },
       {
         path: "/inbox/:folderId",