hotfix: qa 1002

packages/design-system/src/TextField.tsx

@@ -12,6 +12,7 @@ interface TextField {
   withoutBorder?: boolean;
   isTitle?: boolean;
   style?: StyleProp<TextStyle>;
+  maxLength?: number;
 }
 
 export function TextField({
@@ -26,6 +27,7 @@ export function TextField({
   withoutBorder = false,
   isTitle = false,
   style,
+  maxLength,
 }: TextField) {
   const defaultClassName = 'text-SPOT-white text-body2 rounded-md p-4';
   const incorrectClassName = 'border-SPOT-red border-[2px]';
@@ -46,13 +48,17 @@ export function TextField({
       value={value}
       onChangeText={onChange}
       placeholder={placeholder}
-      placeholderTextColor='#ffffff'
+      placeholderTextColor="#ffffff"
       className={`${defaultClassName} ${border} ${getBorderClassName()}`}
       onSubmitEditing={onSubmit}
+      maxLength={maxLength}
       numberOfLines={Platform.OS === 'ios' ? undefined : numberOfLines}
       style={[
         {
-          minHeight: Platform.OS === 'ios' && numberOfLines && numberOfLines ? 30 * numberOfLines : undefined,
+          minHeight:
+            Platform.OS === 'ios' && numberOfLines && numberOfLines
+              ? 30 * numberOfLines
+              : undefined,
           backgroundColor: bgColor,
           fontSize: isTitle ? 22 : undefined,
           lineHeight: isTitle ? 30 : undefined,

packages/react-native/src/components/editPlan/EditPlanTitle.tsx

@@ -1,6 +1,6 @@
 import { Font } from 'design-system';
 import { View, TouchableOpacity } from 'react-native';
 import BackIcon from '@/assets/BackIcon';
 import { City, Region } from '@/constants/CITY';
 import { getDateString } from '@/utils/date';
 import { getDisplayRegion } from '@/utils/getDisplayRegionName';
@@ -24,9 +24,6 @@
         className="items-center justify-center flex-row"
         style={{ gap: 30 }}
       >
-        <TouchableOpacity className="p-2">
-          <BackIcon />
-        </TouchableOpacity>
         <View className="items-center">
           <Font.Bold type="title1" color="white">
             {getDisplayRegion({
@@ -40,9 +37,6 @@
             {getDateString(endDate, '.')}
           </Font.Light>
         </View>
-        <TouchableOpacity className="rotate-180 p-2">
-          <BackIcon />
-        </TouchableOpacity>
       </View>
     </View>
   );

packages/react-native/src/components/maps/RecordFormDescription.tsx

@@ -17,6 +17,7 @@ export default function RecordFormDescription() {
           value={description}
           onChange={handleDescriptionChange}
           placeholder="내용을 작성해주세요."
+          maxLength={255}
         />
       </View>
     </View>

packages/react-native/src/components/maps/RecordFormTitle.tsx

@@ -16,6 +16,7 @@ export default function RecordFormTitle() {
           value={title}
           onChange={handleTitleChange}
           placeholder="제목"
+          maxLength={255}
         />
         <View className="w-full justify-center items-end mt-2.5">
           <Font

packages/react-native/src/pages/Landing/Landing1.tsx

@@ -30,7 +30,6 @@ export default function Landing1() {
         }}
       >
         <Image
-          // eslint-disable-next-line global-require
           source={require('../../assets/landing/landing1.png')}
           style={{
             width,

packages/react-native/src/pages/Landing/Landing2.tsx

@@ -31,7 +31,6 @@ export default function Landing2() {
         }}
       >
         <Image
-          // eslint-disable-next-line global-require
           source={require('../../assets/landing/landing2.png')}
           style={{ width, height: undefined, aspectRatio: 2.9 / 5 }}
           resizeMode="contain"

packages/react-native/src/pages/Landing/Landing3.tsx

@@ -25,7 +25,6 @@ export default function Landing3() {
         }}
       >
         <Image
-          // eslint-disable-next-line global-require
           source={require('../../assets/landing/landing3.png')}
           style={{ width, height: undefined, aspectRatio: 2.9 / 5 }}
           resizeMode="contain"

packages/react-native/src/pages/Landing/Landing4.tsx

@@ -31,7 +31,6 @@ export default function Landing4() {
         }}
       >
         <Image
-          // eslint-disable-next-line global-require
           source={require('../../assets/landing/landing4.png')}
           style={{ width, height: undefined, aspectRatio: 2.9 / 5 }}
           resizeMode="contain"

packages/react-native/src/pages/Landing/Landing5.tsx

@@ -31,7 +31,6 @@ export default function Landing5() {
         }}
       >
         <Image
-          // eslint-disable-next-line global-require
           source={require('../../assets/landing/landing5.png')}
           style={{ width, height: undefined, aspectRatio: 2.9 / 5 }}
           resizeMode="contain"

packages/react-native/src/pages/Landing/Landing6.tsx

@@ -31,7 +31,6 @@ export default function Landing6() {
         }}
       >
         <Image
-          // eslint-disable-next-line global-require
           source={require('../../assets/landing/landing6.png')}
           style={{ width, height: undefined, aspectRatio: 2.9 / 5 }}
           resizeMode="contain"

packages/react-native/src/pages/Landing/Landing7.tsx

@@ -30,7 +30,6 @@ export default function Landing7() {
         }}
       >
         <Image
-          // eslint-disable-next-line global-require
           source={require('../../assets/landing/landing7.png')}
           style={{ width, height: undefined, aspectRatio: 2.9 / 5 }}
           resizeMode="contain"

packages/react-native/src/pages/Maps/Maps.tsx

@@ -217,7 +217,7 @@ export default withSuspense(function Maps({ navigation }: MapsMainProps) {
                   }}
                 >
                   <Font type="title1" color="black">
-                    로그보기
+                    여행기록보기
                   </Font>
                 </TouchableOpacity>
               </View>

packages/react-native/src/pages/TripPlanner/TripPlannerDetail.tsx

@@ -63,7 +63,6 @@ export default withSuspense(function TripPlannerDetail() {
             }
           >
             <Image
-              // eslint-disable-next-line global-require
               source={require('../../assets/plan.png')}
               style={{ width: 'auto', height: undefined, aspectRatio: 5 / 2 }}
             />