[feat/native] 메뉴 API 연결 및 스크랩 문제,포인팅 간 연결

[b0nsu]

작업 설명

메뉴 API 연결 및 스크랩 문제, 포인팅 간 연결

접근 방법

메뉴 API 연결 및 스크랩 문제, 포인팅 간 연결

[b0nsu]

[Native] Menu & Scrap Feature Improvements
📋 Overview

We improved the Native app’s menu screen and scrap features, and migrated state management to React Query to enhance the overall user experience.

✨ Key Changes
🎯 Menu Screen Improvements

Unread Notice Indicator: Display whether there are unread notices

Automatic Data Refresh: User information and notice count are automatically refreshed when the screen gains focus

Withdrawal Screen Enhancement: Improved withdrawal reason mapping and account deletion logic

Grade Selection Screen Added: Introduced EditGradeScreen and integrated it into MenuNavigator

🔄 State Management Improvements

Migration to React Query: Replaced existing API calls with React Query’s useMutation and useQuery

putMe → changed to usePutMe mutation

postAllowPush → changed to usePutAllowPush mutation

Added useGetPushSetting hook

Query Invalidation: Automatically invalidates related queries on screen transitions to keep data up to date

📝 Edit Screen Improvements

Unified all Edit screens to use the usePutMe mutation

Improved success/error handling and user feedback

Enhanced consistency in API interactions and state management

🗑️ Scrap Feature Improvements

Permanent Deletion Confirmation Modal: Replaced PopUpModal with ConfirmationModal for a better user experience

DrawingCanvas Enhancement: Added text input validation to prevent duplicate submissions

Responsive Layout: Added responsive layouts and animated split views to DrawingToolbar and ScrapDetailScreen

🎨 UI/UX Improvements

Layout Consistency: Improved SafeAreaView usage and container structure

Interaction Enhancements: Replaced View with Pressable in ProblemSection to enable hover interactions

Style Adjustments: Improved layouts for OptionButton, SearchScrapHeader, FeedbackScreen, and more

🔧 Refactoring

MyinfoScreen Simplification: Removed unused state and handlers

API Endpoint Additions: Added APIs for push notification settings, feedback submission, and analytics data retrieval

Code Cleanup: Removed unnecessary code and improved overall structure

🛠️ Technical Changes
API Changes

Changed the deleteAccount function to use the POST method (with request body)

Added new API endpoints:

Push notification settings (fetch/update)

Feedback submission

Analytics data retrieval

New Hooks

useGetPushSetting: Fetch push notification settings

usePutAllowPush: Update push notification settings

usePostFeedback: Submit feedback

usePutMe: Update user information (mutation)

Component Changes

Added EditGradeScreen

Replaced permanent deletion modal with ConfirmationModal

Added useFocusEffect to MenuScreen to enable automatic data refresh