From eebd6542e780c116e207c8c12e53b9fa6870ec84 Mon Sep 17 00:00:00 2001 From: Ammar Ahmed Date: Mon, 29 Jun 2026 11:27:03 +0500 Subject: [PATCH] mobile: push ui updates --- .../mobile/app/components/dialog/functions.ts | 3 +- apps/mobile/app/components/dialog/index.tsx | 36 +- apps/mobile/app/components/header/index.tsx | 1 - .../list-items/search-result/index.tsx | 2 + .../app/components/properties/date-meta.tsx | 12 +- .../properties/{index.jsx => index.tsx} | 302 +- .../app/components/properties/items.tsx | 200 +- .../components/side-menu/color-section.tsx | 2 +- .../mobile/app/components/side-menu/index.tsx | 46 +- .../app/components/side-menu/menu-item.tsx | 4 +- .../components/side-menu/notebook-item.tsx | 378 +-- .../side-menu/side-menu-list-empty.tsx | 1 - .../side-menu/side-menu-notebooks.tsx | 5 +- .../components/side-menu/side-menu-tags.tsx | 55 +- .../components/side-menu/tab-bar-button.tsx | 6 +- apps/mobile/app/components/ui/checkbox.tsx | 116 + .../app/components/ui/checkbox/index.tsx | 116 + apps/mobile/app/components/ui/input/index.tsx | 2 +- .../ui/seperator/line-separator.tsx | 38 +- apps/mobile/app/hooks/use-actions.tsx | 82 +- .../editor/tiptap/use-editor-events.tsx | 1 + apps/mobile/app/screens/home/index.tsx | 2 +- .../app/screens/move-notebook/index.tsx | 68 +- apps/mobile/app/screens/notebook/index.tsx | 1 + apps/mobile/app/utils/functions.ts | 7 +- .../fonts/notesnook-icons.glyphmap.json | 2 +- apps/mobile/fonts/notesnook-icons.ttf | Bin 30640 -> 34844 bytes .../ios/nanoicons-fonts/notesnook-icons.ttf | Bin 30640 -> 34844 bytes packages/icons/svgs/bomb-off.svg | 1 + packages/icons/svgs/bomb.svg | 10 + packages/icons/svgs/check-square.svg | 4 + packages/icons/svgs/delete-restore.svg | 1 + packages/icons/svgs/duplicate.svg | 1 + packages/icons/svgs/house.svg | 3 + packages/icons/svgs/identifier.svg | 1 + packages/icons/svgs/link-alt.svg | 3 + packages/icons/svgs/message-badge-outline.svg | 1 + packages/icons/svgs/mode-edit.svg | 11 + packages/icons/svgs/paperclip.svg | 8 +- packages/icons/svgs/pencil-simple-slash.svg | 10 + packages/icons/svgs/share.svg | 7 + packages/icons/svgs/spellcheck.svg | 1 + packages/icons/svgs/sync-disabled.svg | 3 + packages/icons/svgs/trash-alt.svg | 3 + packages/intl/locale/en.po | 2664 ++++++++-------- packages/intl/locale/pseudo-LOCALE.po | 2666 +++++++++-------- packages/intl/scripts/generate-strings.mjs | 2 +- packages/intl/src/strings.ts | 9 +- 48 files changed, 3729 insertions(+), 3168 deletions(-) rename apps/mobile/app/components/properties/{index.jsx => index.tsx} (64%) create mode 100644 apps/mobile/app/components/ui/checkbox.tsx create mode 100644 apps/mobile/app/components/ui/checkbox/index.tsx create mode 100644 packages/icons/svgs/bomb-off.svg create mode 100644 packages/icons/svgs/bomb.svg create mode 100644 packages/icons/svgs/check-square.svg create mode 100644 packages/icons/svgs/delete-restore.svg create mode 100644 packages/icons/svgs/duplicate.svg create mode 100644 packages/icons/svgs/house.svg create mode 100644 packages/icons/svgs/identifier.svg create mode 100644 packages/icons/svgs/link-alt.svg create mode 100644 packages/icons/svgs/message-badge-outline.svg create mode 100644 packages/icons/svgs/mode-edit.svg create mode 100644 packages/icons/svgs/pencil-simple-slash.svg create mode 100644 packages/icons/svgs/share.svg create mode 100644 packages/icons/svgs/spellcheck.svg create mode 100644 packages/icons/svgs/sync-disabled.svg create mode 100644 packages/icons/svgs/trash-alt.svg diff --git a/apps/mobile/app/components/dialog/functions.ts b/apps/mobile/app/components/dialog/functions.ts index adc52e6f1..813761764 100644 --- a/apps/mobile/app/components/dialog/functions.ts +++ b/apps/mobile/app/components/dialog/functions.ts @@ -17,7 +17,7 @@ You should have received a copy of the GNU General Public License along with this program. If not, see . */ -import { KeyboardTypeOptions, TextInput } from "react-native"; +import { KeyboardTypeOptions, TextInput, TextInputProps } from "react-native"; import { eSendEvent } from "../../services/event-manager"; import { eCloseSimpleDialog, eOpenSimpleDialog } from "../../utils/events"; import { ButtonProps } from "../ui/button"; @@ -58,6 +58,7 @@ export type DialogInfo = { validators: FieldValidator[]; defaultValue?: string; ref: RefObject; + inputProps?: TextInputProps; }[]; onFormSubmit?: (form: FormRef) => Promise; }; diff --git a/apps/mobile/app/components/dialog/index.tsx b/apps/mobile/app/components/dialog/index.tsx index 906263630..fbeedd057 100644 --- a/apps/mobile/app/components/dialog/index.tsx +++ b/apps/mobile/app/components/dialog/index.tsx @@ -39,7 +39,7 @@ import { defaultBorderRadius } from "../../utils/size"; import { DefaultAppStyles } from "../../utils/styles"; import { sleep } from "../../utils/time"; import { Toast } from "../toast"; -import { Button } from "../ui/button"; +import { Checkbox } from "../ui/checkbox"; import Input from "../ui/input"; import { FormInput, type FormRef } from "../ui/input/form-input"; import { Notice } from "../ui/notice"; @@ -233,6 +233,7 @@ export const Dialog = ({ context = "global" }: { context?: string }) => { > {dialogInfo.form.items.map((item, index) => ( { ) : null} {dialogInfo.check ? ( - <> -