[SZ-548] 인박스 화면 동작 문제

app/(tabs)/inboxView.jsx

@@ -35,7 +35,7 @@ const InboxView = () => {
   const renderCategoriesTodo = ({ item }) => {
     return (
       <View style={styles.bottomContainer}>
-        <CategoryMainItem item={item} />
+        <CategoryMainItem item={item} isToday={false} />
         <InboxTodos todosData={todosData} categoryId={item.id} />
       </View>
     );
@@ -61,6 +61,7 @@ const InboxView = () => {
               <FlatList
                 data={categoriesData}
                 renderItem={renderCategoriesTodo}
+                keyExtractor={item => item.id}
               />
             </Suspense>
             <CalendarBottomSheet isTodo={true} item={selectedTodo} />

app/(tabs)/index.jsx

@@ -43,7 +43,7 @@ const TodayView = () => {
   const renderCategoriesTodo = ({ item }) => {
     return (
       <View>
-        <CategoryMainItem item={item} />
+        <CategoryMainItem item={item} isToday={true} />
         <DailyTodos todosData={todosData} categoryId={item.id} />
       </View>
     );

components/InboxSubTodo.jsx

@@ -1,23 +1,22 @@
+import { TextInputContext } from '@/contexts/textInputContext';
 import { useSubTodoUpdateMutation } from '@/hooks/api/useSubTodoMutations';
 import { Icon, Input, ListItem } from '@ui-kitten/components';
-import { useContext, useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Text, TouchableOpacity } from 'react-native';
 import { useTheme } from 'react-native-elements';
 import TodoModal from './TodoModal';
-import React from 'react';
-import { TextInputContext } from '@/contexts/textInputContext';
 
 const InboxSubTodo = ({ item }) => {
   const [isEditing, setIsEditing] = useState(false);
   const [content, setContent] = useState(item.content);
   const theme = useTheme();
   const [modalVisible, setModalVisible] = useState(false);
   const { mutate: updateInboxSubTodo } = useSubTodoUpdateMutation();
-  const { setTextInputOpen } = useContext(TextInputContext);
+  const { setInboxTextInputOpen } = useContext(TextInputContext);
 
   const handleEdit = () => {
     setIsEditing(true);
-    setTextInputOpen(false);
+    setInboxTextInputOpen(false);
     setModalVisible(false);
   };
 
@@ -66,7 +65,7 @@ const InboxSubTodo = ({ item }) => {
               onSubmitEditing={() => {
                 handleInboxSubTodoUpdate();
                 setIsEditing(false);
-                setTextInputOpen(true);
+                setInboxTextInputOpen(true);
               }}
               autoFocus={true}
             />

components/categoryView/CategoryBottomSheet.tsx

@@ -49,7 +49,7 @@ const CategoryBottomSheet = () => {
       title: categoryName,
       color: 1,
     };
-    addCategory({ addCategoryData });
+    addCategory(addCategoryData);
   };
 
   const handleEditCategory = () => {

components/categoryView/CategoryMainItem.jsx

@@ -3,15 +3,24 @@ import colors from '@/theme/theme.json';
 import { Icon } from '@ui-kitten/components';
 import { useContext } from 'react';
 import { Pressable, StyleSheet, View } from 'react-native';
-import CategoryButton from './CategoryButton';
 import { scale, verticalScale } from 'react-native-size-matters';
+import CategoryButton from './CategoryButton';
 
-const CategoryMainItem = ({ item }) => {
-  const { setTextInputOpen, setActivatedCategoryId } =
-    useContext(TextInputContext);
+const CategoryMainItem = ({ item, isToday = true }) => {
+  const {
+    setTodayTextInputOpen,
+    setTodayActivatedCategoryId,
+    setInboxTextInputOpen,
+    setInboxActivatedCategoryId,
+  } = useContext(TextInputContext);
   const handlePress = () => {
-    setTextInputOpen(true);
-    setActivatedCategoryId(item.id);
+    if (isToday) {
+      setTodayTextInputOpen(true);
+      setTodayActivatedCategoryId(item.id);
+    } else {
+      setInboxTextInputOpen(true);
+      setInboxActivatedCategoryId(item.id);
+    }
   };
 
   return (