move commanders components under feature folder

ui2/src/components/SinglePanel/SinglePanel.tsx

@@ -6,7 +6,7 @@ import {
   selectSearchResults
 } from "@/slices/dualPanel/dualPanel"
 import {useSelector} from "react-redux"
-import Commander from "@/components/Commander"
+import Commander from "@/features/nodes/components/Commander"
 import Viewer from "@/components/Viewer"
 import SearchResults from "@/components/SearchResults"
 import PanelContext from "@/contexts/PanelContext"

ui2/src/components/Commander/Commander.tsx → ui2/src/features/nodes/components/Commander.tsx

@@ -4,8 +4,8 @@ import {Group, Stack, Box} from "@mantine/core"
 import {useAppSelector, useAppDispatch} from "@/app/hooks"
 import {useNavigate} from "react-router-dom"
 
-import FolderNodeActions from "@/components/Commander/FolderNodeActions"
-import Node from "@/components/Node"
+import FolderNodeActions from "@/features/nodes/components/FolderNodeActions"
+import Node from "@/features/nodes/components/Node"
 import {
   setCurrentNode,
   selectLastPageSize,

ui2/src/components/Commander/FolderNodeActions/FolderNodeActions.tsx → ui2/src/features/nodes/components/FolderNodeActions/FolderNodeActions.tsx

@@ -8,14 +8,14 @@ import {updateActionPanel} from "@/slices/sizes"
 import type {RootState} from "@/app/types"
 import type {PanelMode} from "@/types"
 import ToggleSecondaryPanel from "@/components/DualPanel/ToggleSecondaryPanel"
-import DeleteButton from "@/components/Commander/DeleteButton"
-import NewFolderButton from "@/components/Commander/NewFolderButton"
-import UploadButton from "@/components/Commander/UploadButton"
+import DeleteButton from "@/features/nodes/components/DeleteButton"
+import NewFolderButton from "@/features/nodes/components/NewFolderButton"
+import UploadButton from "@/features/nodes/components/UploadButton"
 
 import PanelContext from "@/contexts/PanelContext"
 import EditNodeTagsButton from "@/components/SinglePanel/EditNodeTagsButton"
 import EditNodeTitleButton from "@/components/SinglePanel/EditNodeTitleButton"
-import QuickFilter from "@/components/Commander/QuickFilter"
+import QuickFilter from "@/features/nodes/components/QuickFilter"
 
 export default function FolderNodeActions() {
   const {height, width} = useViewportSize()

ui2/src/components/Node/Document/Document.tsx → ui2/src/features/nodes/components/Node/Document/Document.tsx

@@ -8,7 +8,7 @@ import {
   selectionRemoveNode
 } from "@/slices/dualPanel/dualPanel"
 
-import Tags from "@/components/Node/Tags"
+import Tags from "@/features/nodes/components/Node/Tags"
 import type {NodeType, PanelMode} from "@/types"
 import classes from "./Document.module.scss"
 import {RootState} from "@/app/types"

ui2/src/components/Node/Folder/Folder.tsx → ui2/src/features/nodes/components/Node/Folder/Folder.tsx

@@ -8,7 +8,7 @@ import {
   selectionRemoveNode
 } from "@/slices/dualPanel/dualPanel"
 
-import Tags from "@/components/Node/Tags"
+import Tags from "@/features/nodes/components/Node/Tags"
 import classes from "./Folder.module.scss"
 import {RootState} from "@/app/types"
 import type {NodeType, PanelMode} from "@/types"

ui2/src/slices/currentUser.ts

@@ -1,8 +1,6 @@
 import {createSlice, createAsyncThunk, PayloadAction} from "@reduxjs/toolkit"
 import axios from "@/httpClient"
 import type {SliceState, SliceStateStatus, User, UserDetails} from "@/types"
-import {store} from "@/app/store"
-import {storeHomeNode, storeInboxNode} from "./dualPanel/dualPanel"
 
 const initialState: SliceState<User> = {
   data: null,
@@ -15,19 +13,6 @@ export const fetchCurrentUser = createAsyncThunk(
   async () => {
     const response = await axios.get("/api/users/me")
     const userDetails = response.data as UserDetails
-    store.dispatch(
-      storeHomeNode({
-        folder_id: userDetails.home_folder_id,
-        user_id: userDetails.id
-      })
-    )
-    store.dispatch(
-      storeInboxNode({
-        folder_id: userDetails.home_folder_id,
-        user_id: userDetails.id
-      })
-    )
-
     return userDetails
   }
 )

ui2/src/slices/dualPanel/dualPanel.ts

@@ -23,7 +23,6 @@ import {
   commanderInitialState,
   setCurrentNodeHelper,
   nodeAddedHelper,
-  nodeUpdatedHelper,
   dropThumbnailPageHelper,
   resetPageChangesHelper,
   getLatestVersionPages
@@ -55,7 +54,6 @@ import {
   DualPanelState,
   SetCurrentNodeArgs,
   FolderAddedArgs,
-  NodeUpdatedArgs,
   NodeWithSpinner,
   SelectionNodePayload,
   SelectionPagePayload
@@ -229,10 +227,6 @@ export const deleteNodes = createAsyncThunk<string[], string[]>(
     return nodeIds
   }
 )
-type StoreNodeInput = {
-  folder_id: string
-  user_id: string
-}
 
 type SetCurrentPageArg = {
   mode: PanelMode
@@ -381,42 +375,6 @@ const dualPanelSlice = createSlice({
         }
       }
     },
-    storeHomeNode(state, action: PayloadAction<StoreNodeInput>) {
-      const node: NodeType = {
-        id: action.payload.folder_id,
-        ctype: "folder",
-        title: ".home",
-        breadcrumb: [],
-        tags: [],
-        user_id: action.payload.user_id,
-        update_at: "",
-        ocr_status: "UNKNOWN",
-        ocr: false,
-        parent_id: null,
-        thumbnail_url: null,
-        accept_dropped_nodes: false,
-        is_currently_dragged: false
-      }
-      state.nodes.push(node)
-    },
-    storeInboxNode(state, action: PayloadAction<StoreNodeInput>) {
-      const node: NodeType = {
-        id: action.payload.folder_id,
-        ctype: "folder",
-        title: ".inbox",
-        breadcrumb: [],
-        tags: [],
-        user_id: action.payload.user_id,
-        update_at: "",
-        ocr_status: "UNKNOWN",
-        ocr: false,
-        parent_id: null,
-        thumbnail_url: null,
-        accept_dropped_nodes: false,
-        is_currently_dragged: false
-      }
-      state.nodes.push(node)
-    },
     nodeAdded(state, action: PayloadAction<FolderAddedArgs>) {
       nodeAddedHelper({
         state,
@@ -431,19 +389,6 @@ const dualPanelSlice = createSlice({
         mode: action.payload.panel
       })
     },
-    folderAdded(state, action: PayloadAction<FolderAddedArgs>) {
-      nodeAddedHelper({
-        state,
-        node: action.payload.node,
-        mode: action.payload.mode
-      })
-    },
-    nodeUpdated(state, action: PayloadAction<NodeUpdatedArgs>) {
-      nodeUpdatedHelper({
-        state,
-        node: action.payload.node
-      })
-    },
     openSecondaryPanel(state, action: PayloadAction<CurrentNodeType>) {
       state.secondaryPanel = {
         commander: commanderInitialState(action.payload),
@@ -692,8 +637,6 @@ export const {
   fitZoomFactor,
   toggleThumbnailsPanel,
   setCurrentNode,
-  folderAdded,
-  nodeUpdated,
   openSecondaryPanel,
   closeSecondaryPanel,
   selectionAddNode,
@@ -702,8 +645,6 @@ export const {
   selectionRemovePage,
   clearNodesSelection,
   updateSearchResultItemTarget,
-  storeHomeNode,
-  storeInboxNode,
   nodeAdded,
   setCurrentPage,
   dropThumbnailPage,

ui2/src/slices/dualPanel/helpers.ts

@@ -231,22 +231,6 @@ export function setCurrentNodeHelper({
     }
   }
 }
-export function nodeUpdatedHelper({
-  state,
-  node
-}: {
-  state: DualPanelState
-  node: NodeType
-}) {
-  const newNodes = state.nodes.map(n => {
-    if (n.id != node.id) {
-      return n
-    }
-    return node
-  })
-
-  state.nodes = newNodes
-}
 
 export function nodeAddedHelper({
   state,

ui2/src/slices/dualPanel/types.ts

@@ -29,8 +29,6 @@ export type FolderAddedArgs = {
   mode: PanelMode
 }
 
-export type NodeUpdatedArgs = FolderAddedArgs
-
 export type SelectionNodePayload = {
   selectionId: string
   mode: PanelMode