From c6c08490985a3e109f5c3cef1119ff21e7eb4907 Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Fri, 14 Mar 2025 16:17:08 +0500
Subject: [PATCH] mobile: add notebooks button in notebook screen to view
 subnotebooks

---
 .../components/container/floating-button.tsx  |  28 +-
 .../app/components/sheet-provider/index.js    |   2 +
 .../app/components/sheets/notebooks/index.tsx | 319 ++++++++++++++++++
 apps/mobile/app/screens/notebook/index.tsx    |  38 ++-
 .../native/fonts/MaterialCommunityIcons.ttf   | Bin 27036 -> 27432 bytes
 apps/mobile/native/rspack.config.js           |   2 +-
 apps/mobile/scripts/optimize-fonts.mjs        |   5 +-
 7 files changed, 377 insertions(+), 17 deletions(-)
 create mode 100644 apps/mobile/app/components/sheets/notebooks/index.tsx

diff --git a/apps/mobile/app/components/container/floating-button.tsx b/apps/mobile/app/components/container/floating-button.tsx
index 3dc8e7990..2f0402594 100644
--- a/apps/mobile/app/components/container/floating-button.tsx
+++ b/apps/mobile/app/components/container/floating-button.tsx
@@ -20,7 +20,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { useThemeColors } from "@notesnook/theme";
 import { useRoute } from "@react-navigation/native";
 import React, { useCallback, useEffect } from "react";
-import { Keyboard, TouchableOpacity, View } from "react-native";
+import { Keyboard, TouchableOpacity, View, ViewStyle } from "react-native";
 import Animated, {
   Easing,
   useAnimatedStyle,
@@ -43,6 +43,9 @@ interface FloatingButtonProps {
   alwaysVisible?: boolean;
   icon?: string;
   testID?: string;
+  position?: "left" | "right";
+  size?: "small" | "large";
+  style?: ViewStyle;
 }
 
 const FloatingButton = ({
@@ -50,7 +53,10 @@ const FloatingButton = ({
   color,
   alwaysVisible = false,
   icon,
-  testID
+  testID,
+  position = "right",
+  size = "large",
+  style
 }: FloatingButtonProps) => {
   const { colors } = useThemeColors();
   const deviceMode = useSettingStore((state) => state.deviceMode);
@@ -112,9 +118,11 @@ const FloatingButton = ({
       style={[
         {
           position: "absolute",
-          right: DefaultAppStyles.GAP,
+          right: position === "right" ? DefaultAppStyles.GAP : undefined,
+          left: position === "left" ? DefaultAppStyles.GAP : undefined,
           bottom: 20,
-          zIndex: 10
+          zIndex: 10,
+          ...style
         },
         animatedStyle
       ]}
@@ -123,8 +131,8 @@ const FloatingButton = ({
         testID={testID || notesnook.buttons.add}
         activeOpacity={0.95}
         style={{
-          ...getElevationStyle(10),
-          borderRadius: 20,
+          ...getElevationStyle(5),
+          borderRadius: size === "small" ? 15 : 20,
           borderTopWidth: 0,
           borderBottomWidth: 0,
           borderLeftWidth: 0,
@@ -137,10 +145,10 @@ const FloatingButton = ({
           style={{
             alignItems: "center",
             justifyContent: "center",
-            height: normalize(60),
-            width: normalize(60),
+            height: normalize(size === "small" ? 40 : 60),
+            width: normalize(size === "small" ? 40 : 60),
             backgroundColor: colors.primary.shade,
-            borderRadius: 20
+            borderRadius: size === "small" ? 15 : 20
           }}
         >
           <Icon
@@ -154,7 +162,7 @@ const FloatingButton = ({
                 : "plus"
             }
             color={colors.primary.accent}
-            size={AppFontSize.xxxl}
+            size={size === "small" ? AppFontSize.xl : AppFontSize.xxxl}
           />
         </View>
       </TouchableOpacity>
diff --git a/apps/mobile/app/components/sheet-provider/index.js b/apps/mobile/app/components/sheet-provider/index.js
index 4331ee156..49cacce50 100644
--- a/apps/mobile/app/components/sheet-provider/index.js
+++ b/apps/mobile/app/components/sheet-provider/index.js
@@ -95,6 +95,8 @@ const SheetProvider = ({ context = "global" }) => {
     [context]
   );
 
+  console.log(data?.keyboardHandlerDisabled);
+
   return !visible || !data ? null : (
     <SheetWrapper
       fwdRef={actionSheetRef}
diff --git a/apps/mobile/app/components/sheets/notebooks/index.tsx b/apps/mobile/app/components/sheets/notebooks/index.tsx
new file mode 100644
index 000000000..451754e3e
--- /dev/null
+++ b/apps/mobile/app/components/sheets/notebooks/index.tsx
@@ -0,0 +1,319 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { Notebook, VirtualizedGrouping } from "@notesnook/core";
+import { strings } from "@notesnook/intl";
+import { useThemeColors } from "@notesnook/theme";
+import React, { useEffect, useState } from "react";
+import { FlatList, View } from "react-native";
+import { db } from "../../../common/database";
+import NotebookScreen from "../../../screens/notebook";
+import {
+  eSendEvent,
+  eSubscribeEvent,
+  presentSheet
+} from "../../../services/event-manager";
+import {
+  createNotebookTreeStores,
+  TreeItem
+} from "../../../stores/create-notebook-tree-stores";
+import useNavigationStore from "../../../stores/use-navigation-store";
+import { eCloseSheet, eOnNotebookUpdated } from "../../../utils/events";
+import { AppFontSize } from "../../../utils/size";
+import { DefaultAppStyles } from "../../../utils/styles";
+import { sleep } from "../../../utils/time";
+import { Properties } from "../../properties";
+import SheetProvider from "../../sheet-provider";
+import { NotebookItem } from "../../side-menu/notebook-item";
+import { useSideMenuNotebookTreeStore } from "../../side-menu/stores";
+import { IconButton } from "../../ui/icon-button";
+import Paragraph from "../../ui/typography/paragraph";
+import { AddNotebookSheet } from "../add-notebook";
+
+const {
+  useNotebookExpandedStore,
+  useNotebookSelectionStore,
+  useNotebookTreeStore
+} = createNotebookTreeStores(false, false, "notebook-tree-sheet");
+
+useNotebookSelectionStore.setState({
+  multiSelect: true
+});
+export const Notebooks = (props: {
+  rootNotebook: Notebook;
+  close?: (ctx?: string) => void;
+}) => {
+  const tree = useNotebookTreeStore((state) => state.tree);
+  const [isLoading, setIsLoading] = useState(true);
+  const { colors } = useThemeColors();
+  const [notebooks, setNotebooks] = useState<Notebook[]>();
+  const [filteredNotebooks, setFilteredNotebooks] =
+    React.useState<VirtualizedGrouping<Notebook>>();
+  const searchTimer = React.useRef<NodeJS.Timeout>();
+  const lastQuery = React.useRef<string>();
+  const loadRootNotebooks = React.useCallback(async () => {
+    const notebooks = await db.relations
+      .from(
+        {
+          type: "notebook",
+          id: props.rootNotebook.id
+        },
+        "notebook"
+      )
+      .selector.items(undefined, db.settings.getGroupOptions("notebooks"));
+    const items = await useNotebookTreeStore
+      .getState()
+      .addNotebooks("root", notebooks, 0);
+    setNotebooks(notebooks);
+    useNotebookTreeStore.getState().setTree(items);
+  }, [props.rootNotebook.id]);
+
+  const updateNotebooks = React.useCallback(() => {
+    loadRootNotebooks();
+  }, [loadRootNotebooks]);
+
+  useEffect(() => {
+    updateNotebooks();
+  }, [updateNotebooks]);
+
+  useEffect(() => {
+    (async () => {
+      loadRootNotebooks();
+      setIsLoading(false);
+    })();
+  }, [loadRootNotebooks]);
+
+  useEffect(() => {
+    const sub = eSubscribeEvent(eOnNotebookUpdated, (id) => {
+      if (id === props.rootNotebook.id) {
+        updateNotebooks();
+      }
+    });
+    return () => {
+      sub?.unsubscribe();
+    };
+  }, [updateNotebooks, props.rootNotebook.id]);
+
+  useEffect(() => {
+    useNotebookSelectionStore.setState({
+      selectAll: async () => {
+        const allNotebooks = await db.notebooks.all.items();
+        const allSelected = allNotebooks.every((notebook) => {
+          return (
+            useNotebookSelectionStore.getState().selection[notebook.id] ===
+            "selected"
+          );
+        });
+
+        if (allSelected) {
+          useNotebookSelectionStore.setState({
+            selection: {}
+          });
+          return;
+        }
+
+        useNotebookSelectionStore.setState({
+          selection: allNotebooks.reduce((acc: any, item) => {
+            acc[item.id] = "selected";
+            return acc;
+          }, {})
+        });
+      }
+    });
+  }, []);
+
+  const renderItem = React.useCallback(
+    (info: { item: TreeItem; index: number }) => {
+      return <NotebookItemWrapper index={info.index} item={info.item} />;
+    },
+    []
+  );
+
+  return (
+    <View
+      style={{
+        height: 400
+      }}
+    >
+      <SheetProvider context="local" />
+
+      <View
+        style={{
+          width: "100%",
+          paddingHorizontal: DefaultAppStyles.GAP,
+          backgroundColor: colors.primary.background,
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between"
+        }}
+      >
+        <Paragraph size={AppFontSize.xs} color={colors.secondary.paragraph}>
+          Sub notebooks
+        </Paragraph>
+
+        <IconButton
+          size={AppFontSize.lg}
+          style={{
+            width: 30,
+            height: 30
+          }}
+          name="plus"
+          onPress={() => {
+            AddNotebookSheet.present(props.rootNotebook, undefined, "local");
+          }}
+        />
+      </View>
+      {!notebooks || notebooks.length === 0 ? (
+        <View
+          style={{
+            width: "100%",
+            height: "100%",
+            justifyContent: "center",
+            alignItems: "center"
+          }}
+        >
+          <Paragraph>{strings.emptyPlaceholders("notebook")}</Paragraph>
+        </View>
+      ) : (
+        <>
+          <FlatList
+            data={tree}
+            bounces={false}
+            bouncesZoom={false}
+            overScrollMode="never"
+            keyExtractor={(item) => item.notebook.id}
+            windowSize={3}
+            ListHeaderComponent={
+              <View
+                style={{
+                  backgroundColor: colors.primary.background,
+                  paddingTop: DefaultAppStyles.GAP_VERTICAL
+                }}
+              ></View>
+            }
+            renderItem={renderItem}
+          />
+        </>
+      )}
+    </View>
+  );
+};
+
+Notebooks.present = (notebook: Notebook) => {
+  if (!notebook) return;
+  presentSheet({
+    component: (ref, close) => (
+      <Notebooks rootNotebook={notebook} close={close} />
+    ),
+    keyboardHandlerDisabled: true
+  });
+};
+
+const NotebookItemWrapper = React.memo(
+  ({ item, index }: { item: TreeItem; index: number }) => {
+    const expanded = useNotebookExpandedStore(
+      (state) => state.expanded[item.notebook.id]
+    );
+
+    const selectionEnabled = useNotebookSelectionStore(
+      (state) => state.enabled
+    );
+    const selected = useNotebookSelectionStore(
+      (state) => state.selection[item.notebook.id] === "selected"
+    );
+    const focused = useNavigationStore(
+      (state) => state.focusedRouteId === item.notebook.id
+    );
+
+    const onItemUpdate = React.useCallback(async () => {
+      const notebook = await db.notebooks.notebook(item.notebook.id);
+      if (notebook) {
+        useSideMenuNotebookTreeStore
+          .getState()
+          .updateItem(item.notebook.id, notebook);
+        if (expanded) {
+          useSideMenuNotebookTreeStore
+            .getState()
+            .setTree(
+              await useSideMenuNotebookTreeStore
+                .getState()
+                .fetchAndAdd(item.notebook.id, item.depth + 1)
+            );
+        }
+      } else {
+        useSideMenuNotebookTreeStore.getState().removeItem(item.notebook.id);
+      }
+    }, [expanded, item.depth, item.notebook.id]);
+
+    return (
+      <View
+        style={{
+          paddingHorizontal: DefaultAppStyles.GAP_SMALL
+        }}
+      >
+        <NotebookItem
+          item={item}
+          index={index}
+          expanded={expanded}
+          onToggleExpanded={async () => {
+            useNotebookExpandedStore.getState().setExpanded(item.notebook.id);
+            if (!expanded) {
+              useSideMenuNotebookTreeStore
+                .getState()
+                .setTree(
+                  await useSideMenuNotebookTreeStore
+                    .getState()
+                    .fetchAndAdd(item.notebook.id, item.depth + 1)
+                );
+            } else {
+              useSideMenuNotebookTreeStore
+                .getState()
+                .removeChildren(item.notebook.id);
+            }
+          }}
+          selected={selected}
+          selectionEnabled={selectionEnabled}
+          selectionStore={useNotebookSelectionStore}
+          onItemUpdate={onItemUpdate}
+          focused={focused}
+          onPress={() => {
+            eSendEvent(eCloseSheet);
+            NotebookScreen.navigate(item.notebook, false);
+          }}
+          onLongPress={async () => {
+            eSendEvent(eCloseSheet);
+            await sleep(300);
+            Properties.present(item.notebook, false);
+          }}
+        />
+      </View>
+    );
+  },
+  (prev, next) => {
+    return (
+      prev.item.notebook.id === next.item.notebook.id &&
+      prev.item.notebook.dateModified === next.item.notebook.dateModified &&
+      prev.item.notebook.dateEdited === next.item.notebook.dateEdited &&
+      prev.item.hasChildren === next.item.hasChildren &&
+      prev.index === next.index &&
+      prev.item.parentId === next.item.parentId
+    );
+  }
+);
+NotebookItemWrapper.displayName = "NotebookItemWrapper";
diff --git a/apps/mobile/app/screens/notebook/index.tsx b/apps/mobile/app/screens/notebook/index.tsx
index 578d5db02..f3a276034 100644
--- a/apps/mobile/app/screens/notebook/index.tsx
+++ b/apps/mobile/app/screens/notebook/index.tsx
@@ -37,6 +37,9 @@ import useNavigationStore, {
 import { eUpdateNotebookRoute } from "../../utils/events";
 import { findRootNotebookId } from "../../utils/notebooks";
 import { openEditor, setOnFirstSave } from "../notes/common";
+import { View } from "react-native";
+import { DefaultAppStyles } from "../../utils/styles";
+import { Notebooks } from "../../components/sheets/notebooks";
 
 const NotebookScreen = ({ route, navigation }: NavigationProps<"Notebook">) => {
   const [notes, setNotes] = useState<VirtualizedGrouping<Note>>();
@@ -193,10 +196,6 @@ const NotebookScreen = ({ route, navigation }: NavigationProps<"Notebook">) => {
           loading={loading}
           CustomLisHeader={
             <NotebookHeader
-              // TODO
-              // onEditNotebook={() => {
-              //   AddNotebookSheet.present(params.current.item);
-              // }}
               breadcrumbs={breadcrumbs}
               notebook={params.current.item}
               totalNotes={notes?.placeholders.length || 0}
@@ -211,7 +210,36 @@ const NotebookScreen = ({ route, navigation }: NavigationProps<"Notebook">) => {
           }}
         />
       </DelayLayout>
-      <FloatingButton onPress={openEditor} />
+      <View
+        style={{
+          position: "absolute",
+          bottom: 20,
+          right: 20,
+          gap: DefaultAppStyles.GAP_VERTICAL,
+          alignItems: "center"
+        }}
+      >
+        <FloatingButton
+          icon="file-tree"
+          size="small"
+          onPress={() => {
+            Notebooks.present(params.current.item);
+          }}
+          style={{
+            position: "relative",
+            right: 0,
+            bottom: 5
+          }}
+        />
+        <FloatingButton
+          onPress={openEditor}
+          style={{
+            position: "relative",
+            right: 0,
+            bottom: 0
+          }}
+        />
+      </View>
     </>
   );
 };
diff --git a/apps/mobile/native/fonts/MaterialCommunityIcons.ttf b/apps/mobile/native/fonts/MaterialCommunityIcons.ttf
index 4981bb9a1ebbadfa08c8e36464d624836588bacc..d666b3c41e4ad2e55a412db5de227c1d78f72fb0 100644
GIT binary patch
delta 2259
zcmYk6dr*{B7>9q~BA4A|_gmNt%W`SCJG;>+1{RsEN@QkgCFBJWlqHaB%bIBBu4Im>
zl?_5($jq!1&D*M(P&wK-MowciG7K@3HbqXB<23zIj#<Bbbu5PGJm)=pyx%$Rdv?3N
zRrU-ho16hthV?X{!~!w>&($xlKA5w4A)vhk%<8J~R#sIyJud<CRstxf;ev8nIm7rU
z<II`{f2)QQ#)HhUvc73?<(I!6PY23oGhWe9+1jiO;!|M31wQ0#tZeYsxBT!O<LiKC
ze{)ld!LREn<R2@#0NsYe`}Zo^O_CAV87kN4HG$;}$3xWw1mHosPXG$(Apv-Z{!0KR
z&^O87{NIP6MkoUC2puH=9y(S4CebMZFq!822rva|Ac8N9C}dDXPZWS+I-J16^~dP&
zKTY9$D*d<sOrvKDz!P*CS-@we(|!S%LBBwjaeXGeTmYV;w~_4#08ewWQvkvV&kH~a
zJtzRB^p67YEPYh~=Fry!U@p{A5ds@V>jYpvZ57x!IzwQS=)9Qlz}=O%UyDo#EMzoG
zV9V%d1fY^$D*%h=4Fa&3?j&28p^EM$ybh?LzZQTc^f#oR>vi-9xx#q^&0`Rt8ET}F
z&ENn$&w$M!fRAPo3D82bRs>*yBdY~qDII>!$8{Dva+Lrqqc;mcE4@_!*o4S;1YiX{
zAOJ5SphjM1aG8l#LXF~%2=Eg9r~oi|R3mBPI<IWhn*y+!epdk6=tBbVGR@NyU=7We
z5#SZ5(FG)Y4O!V}HYU1^mjUZI@seuJZS-#f@G8_8ivX;r69s^+h`CPyHqv7S;5E8b
z0A8ni1mF#*T7E7Fu!$Z+#&XVsXah4i%w*6`Zx?_L`fUN|r1y}$eC93spa8J6+Rp@l
z_gc#n6Cj-9q5yQ!-wQxE-_HWD1FG%;fdyq>bleHy7X*D=09abx2?5we^92NW52`*w
z0Cv;7gamk>X8#HB0nN4%;6wU=0PrBOyiWw!OV_af9Dr^Hyf6gV2h}hj0Q;dDc`*s_
z5&gLUFrj)y09X-|NdR~UOl%2}&6(H&0vv`KrwG6isPWtg0Yd!9nVSXRD9zFn;27O6
z0IZ0GJtx4&P;K!7!0IIM;t}8zsCIr#32+i>;$#8n37yrRF$bc!4CRzkfe1vyghZqu
z8!)F?)2#Vv)~r06B`Q7p{(^+NlmD-FDDGPqNry2$KFMr0+}4x-ttcg~pv!g4>@f2;
zcw5I@uKe3G9&=sFaPnl?K~Q#}hm~(1XU&KtR+1xQ{y6J6PcWz;$RBqw*zF1`!4glY
zr(|E9`>GqE@<LzoqJMr-29!={VL%-7gwK)&WZlh>W6j7P&nV%JqwiQjU0sK(uB0^B
z-8~Q<T;YM42W*{gw=3vzx!ggI+wBg9`bvG8QR7#qF9~_(ex<ZmD5Ki-^P2)Xr*497
zn{H6A)92|M^<DaNvB|MTv8!T-4IV?#aN2Oq=rB$<wi&yOdyL18L#jzFROhK}>RI)7
z(^ONLX@%*OX~;BUx)FD8+}gOlxEt|#@w?11W~aH-+-TlnK4~5{|6#FNCR%)!BbHm%
zG1gA&CF@OFyltAzZwu^B&?J;4^xI?YMfQ#ML-v8h#>5kegAR+M%CXIH&M}yzOY$W7
zlDd+HlKxCiPri^6lTwf}CuK*<NNQ?od1`Cw`qaLA>`sTX*g4M`be>ByrWK{FNxPM9
zN-s=blzt$?o>82!F5`TrGjmnu7g?ID;;h!J>)ErjFJzD8IO21r=4{Cs80{P#{&H4G
zZ>X*8Crv~zCrcLklqlt-(xdc-hAUQUtd{B~Uqhuox4yQ;pSx&jeZAN3tqLtzJgCuW
it844MxqhG58_KUXM8w?<bDNg>>uVdm?UQQfEBF_;w69SB

delta 1880
zcmW-gdr*{R6o;Q(MA>E8Z(+H!;BpcEbJB6h&>=!Iv+`1=MtDIH$yo)F5KUXP#>}iN
ztQ5)2%+$!#B~vn*(SIDrnzE5GbxN5o&Qy+Lml+*%`tAAS`JQvWefPbb^M3pKU0vV1
zwuGZU+{)MhE*~WIE{d#d=pIsZ1U#o<N~CdNU431+Y7IO!3Mg;X3)e~4DdiF6C5=m3
z+uaJ3Z_ylWk){Q8tHWES!qZ90TbI<eH@nXBCDg9gpzzYVB?}|V2QDe^0(W<F)AE$o
z;>#WTVD3clPCwke-{ony8DVE^jyu^Mji>kGxT6M)md_Y)pM24P3i*}+W8^#HKmB(s
zPJ+vTN_nsW_sc#5s^okF9+0)3fNGp*f)+`rP%=)APf)4&K{@`XD#a6I4NMrP_#ydW
z1LB@;z$Cd=%+{Dk<W>V7liS1!y`L<vG+?USDRvNrX$p23@PvHUfcWGW40uxh*?<}H
z?*`12uNyE6XHbHnhRI$7YUB(<jgyNFHAx<s6n|)UvpcRQW<}>H)82$yCTlwa=E)lj
zsFPnYV7~me*sd`P<P$>IfkpB+20SBwC(h~pV)<8bO>solF$6T>B>L41J)l|1cmtNn
zDx828`Edi5%MAvo*opDqS~TWa`FR6W_{6OStdO@G&@R7cfEtq6Z@?;|PU2N1S2fXd
zID@q#0juSuqDk=@`3(d0&Kdl^0c+($2CS2HVgc)AEg;|poFU~Re)V3I)c^si?2v_`
zL6?C{1%Ddw5>8UO0UPBU174Pg8?Z?pVSw6_G{b<+@)riYisR9@AmBCm9x+1k>+)nV
zMX?U$iSE#2hmsEYT?14?&pxqV@86O?HQ*h&&wy>RPAouW_MA6Bcii)n0r9ziGoTB{
zJK6xP<JICq1>LFOr~&Gc_m~0tKD=5$fJ&aMdoEzNTyMY!vidAwkF0wj;6wSK0ef+L
zx<dj!k{b=s0e$W2zaFq3C#Bzj12}$NMgbqoUm4Ji<6JY~6P!T604)?y>4j}BpcV*F
z)lyvs=$@o$K>>$xg3SgTnW#V|77)WpS3d>x;AEy5@EJ~)E|maPDqEkRfX{Jqstq_6
z`_XeM7%MEe6pD=>6A8t#XGPq}!DR>jn(K`Hhh%rhG*>XTyXLT~V`gnr)N{vM<K5;x
z<Gq<YJh?V`WAbI+AYY}gD}|J*l=UeGQ!e^_{%U`%ztP|3@AQA`zwP8Y)y@XzNFXT?
z3RDEv208<K1HFMiQYWNtO6^U(nKnP|blR0*W^j0LR&Z6YE7%k458h25nckA#mwqE-
zM#ip;6B*|+y_usj>ocP#vqD*KW}VF*l>KOSOO7{ZdQNN3p<HsybL(?kbNA+6&hzJu
z&TGrtn%5VKg!Y8ah5pX3$X}n|n}53?y`Z$9p`d5z(V+uF{|$%2_2C2ID}~|0&cg1(
z{=&OOlZtwZ28v6H8;ehr<d)1U*;z6$EPdGKVK+)6rRz%%l~GpdE!$Xj6qjmvJk~$^
h7k9#O1%2~cT(R=`>)f%k^%vZ+gNsrUI=)_9^FN~!TigHu

diff --git a/apps/mobile/native/rspack.config.js b/apps/mobile/native/rspack.config.js
index 32d3e962b..735ede8b2 100644
--- a/apps/mobile/native/rspack.config.js
+++ b/apps/mobile/native/rspack.config.js
@@ -52,7 +52,7 @@ module.exports = (env) => {
       parallelCodeSplitting: true,
       cache: {
         type: "persistent",
-        buildDependencies: [__filename]
+        buildDependencies: [__filename, path.join(__dirname, "..", "package-lock.json"), path.join(__dirname, "..", "scripts","optimize-fonts.mjs")],
       },
     },
     /**
diff --git a/apps/mobile/scripts/optimize-fonts.mjs b/apps/mobile/scripts/optimize-fonts.mjs
index 177396d59..8d02cf339 100644
--- a/apps/mobile/scripts/optimize-fonts.mjs
+++ b/apps/mobile/scripts/optimize-fonts.mjs
@@ -96,7 +96,10 @@ const EXTRA_ICON_NAMES = [
   "dots-vertical",
   "briefcase-outline",
   "shield-outline",
-  "brain"
+  "brain",
+  "file-tree-outline",
+  "format-list-bulleted",
+  "file-tree"
 ];
 
 const __filename = fileURLToPath(import.meta.url);