From 8410a6d3c125cf27daa4e3abeb4c4a4d228e2cfd Mon Sep 17 00:00:00 2001 From: MohamedBassem Date: Mon, 26 Aug 2024 13:13:24 +0300 Subject: ui(mobile): Change the add/edit note editor dialogs to be bottom sheets --- apps/mobile/app/dashboard/add-note.tsx | 114 --------------------------------- 1 file changed, 114 deletions(-) delete mode 100644 apps/mobile/app/dashboard/add-note.tsx (limited to 'apps/mobile/app/dashboard/add-note.tsx') diff --git a/apps/mobile/app/dashboard/add-note.tsx b/apps/mobile/app/dashboard/add-note.tsx deleted file mode 100644 index 8aa31936..00000000 --- a/apps/mobile/app/dashboard/add-note.tsx +++ /dev/null @@ -1,114 +0,0 @@ -import { useEffect, useState } from "react"; -import { Text, View } from "react-native"; -import { Stack, useLocalSearchParams, useRouter } from "expo-router"; -import { Button } from "@/components/ui/Button"; -import { Input } from "@/components/ui/Input"; -import { api } from "@/lib/trpc"; - -import { - useCreateBookmark, - useUpdateBookmarkText, -} from "@hoarder/shared-react/hooks/bookmarks"; -import { BookmarkTypes } from "@hoarder/shared/types/bookmarks"; - -export default function AddNote() { - const { bookmarkId } = useLocalSearchParams(); - if (bookmarkId && typeof bookmarkId !== "string") { - throw new Error("Unexpected param type"); - } - - const isEditing = !!bookmarkId; - - const [text, setText] = useState(""); - const [error, setError] = useState(); - const router = useRouter(); - - const { data: bookmark } = api.bookmarks.getBookmark.useQuery( - { bookmarkId: bookmarkId! }, - { - enabled: !!bookmarkId, - }, - ); - - useEffect(() => { - if (bookmark) { - if (bookmark.content.type !== BookmarkTypes.TEXT) { - throw new Error("Wrong content type rendered"); - } - setText(bookmark.content.text); - } - }, [bookmark]); - - const onSuccess = () => { - if (router.canGoBack()) { - router.replace("./"); - } else { - router.replace("dashboard"); - } - }; - - const { mutate: createBookmark } = useCreateBookmark({ - onSuccess, - onError: (e) => { - let message; - if (e.data?.zodError) { - const zodError = e.data.zodError; - message = JSON.stringify(zodError); - } else { - message = `Something went wrong: ${e.message}`; - } - setError(message); - }, - }); - - const { mutate: updateBookmark } = useUpdateBookmarkText({ - onSuccess, - onError: (e) => { - let message; - if (e.data?.zodError) { - const zodError = e.data.zodError; - message = JSON.stringify(zodError); - } else { - message = `Something went wrong: ${e.message}`; - } - setError(message); - }, - }); - - const mutate = (text: string) => { - if (isEditing) { - updateBookmark({ - bookmarkId, - text, - }); - } else { - createBookmark({ type: BookmarkTypes.TEXT, text }); - } - }; - - return ( - - - {error && ( - {error} - )} - -