diff --git a/src/components/bottomsheet/SheetPostOptions.tsx b/src/components/bottomsheet/SheetPostOptions.tsx index 3f89490a..a08fbae9 100644 --- a/src/components/bottomsheet/SheetPostOptions.tsx +++ b/src/components/bottomsheet/SheetPostOptions.tsx @@ -123,7 +123,7 @@ const SheetPostOptions = ({ if (isReport) { return ( - + 무엇이 문제인지 알려주세요 {reportOptions.map((option) => ( 기타 신고 사유 - + (null); + const [contentHeight, setContentHeight] = useState(300); + + const handleLayout = (event) => { + const height = event.nativeEvent.layout.height; + setContentHeight(height + 50); + }; + const renderBackdrop = useCallback( (props) => , [], @@ -38,24 +45,24 @@ const CommentVerticalDots = ({ userId, userName, commentId }: FeedVerticalDotsPr - {isMyComment ? ( - - ) : ( - - )} + + {isMyComment ? ( + + ) : ( + + )} + ); }; export default CommentVerticalDots; - -const styles = StyleSheet.create({}); diff --git a/src/components/comments/SheetOthersComment.tsx b/src/components/comments/SheetOthersComment.tsx index 3dcc98e3..cca2050c 100644 --- a/src/components/comments/SheetOthersComment.tsx +++ b/src/components/comments/SheetOthersComment.tsx @@ -125,7 +125,7 @@ const SheetOthersComment = ({ modalRef, userId, userName, commentId }: BSPostOpt if (isReport) { return ( - + 무엇이 문제인지 알려주세요 {reportOptions.map((option) => ( (null); + const [contentHeight, setContentHeight] = useState(300); + + const handleLayout = (event) => { + const height = event.nativeEvent.layout.height; + setContentHeight(height + 50); + }; + const renderBackdrop = useCallback( (props) => , [], @@ -50,39 +57,39 @@ const FeedVerticalDots = ({ - {isMyPost ? ( - - ) : ( - - )} + + {isMyPost ? ( + + ) : ( + + )} + ); }; export default FeedVerticalDots; - -const styles = StyleSheet.create({}); diff --git a/src/screens/Main/mypage/MyPageScreen.tsx b/src/screens/Main/mypage/MyPageScreen.tsx index eb904b54..b747924c 100644 --- a/src/screens/Main/mypage/MyPageScreen.tsx +++ b/src/screens/Main/mypage/MyPageScreen.tsx @@ -31,6 +31,12 @@ const MyPageScreen = ({ navigation, route }) => { const [selectedCategory, setSelectedCategory] = useState[]>([]); const [representativeTitleList, setRepresentativeTitleList] = useState([]); const [titleTotal, setTitleTotal] = useState(0); + const [bottomSheetContentHeight, setBottomSheetContentHeight] = useState(300); + + const handleLayout = (event) => { + const height = event.nativeEvent.layout.height; + setBottomSheetContentHeight(height + 50); + }; const [iconColor, setIconColor] = useState([ [theme.colors.graphic.purple, `${theme.colors.graphic.purple}1a`], @@ -275,15 +281,17 @@ const MyPageScreen = ({ navigation, route }) => { /> - + + + diff --git a/src/screens/detailedPost/DetailReportSheetContent.tsx b/src/screens/detailedPost/DetailReportSheetContent.tsx index 185667af..32cff401 100644 --- a/src/screens/detailedPost/DetailReportSheetContent.tsx +++ b/src/screens/detailedPost/DetailReportSheetContent.tsx @@ -50,7 +50,6 @@ const DetailReportSheetContent = ({ autoFocus={true} limit={limit} limitTextStyle={{ color: `${theme.colors.graphic.black}50` }} - style={{ height: 500 }} height={350} /> @@ -62,7 +61,7 @@ export default DetailReportSheetContent; const styles = StyleSheet.create({ contentContainer: { width: '100%', - height: '80%', + height: 730, flexDirection: 'column', justifyContent: 'flex-start', }, diff --git a/src/screens/upload/FolderSheetContent.tsx b/src/screens/upload/FolderSheetContent.tsx index 1618189d..180960f8 100644 --- a/src/screens/upload/FolderSheetContent.tsx +++ b/src/screens/upload/FolderSheetContent.tsx @@ -83,21 +83,18 @@ const FolderSheetContent = ({ /> ); })} + + + 새 폴더 만들기 + + )} - - {!createFolder && ( - - - 새 폴더 만들기 - - - )} ); }; diff --git a/src/screens/upload/UploadScreen.tsx b/src/screens/upload/UploadScreen.tsx index 84e6972c..44c89e77 100644 --- a/src/screens/upload/UploadScreen.tsx +++ b/src/screens/upload/UploadScreen.tsx @@ -30,7 +30,6 @@ import isTextNotOnlySpace from '../../utils/helper/strings/isTextNotOnlySpace'; import { useFocusEffect } from '@react-navigation/native'; import * as Clipboard from 'expo-clipboard'; import isDarkMode from '../../utils/helper/display/isDarkMode'; -import { Feather } from '@expo/vector-icons'; const UploadScreen = ({ navigation, route }) => { const { isEdit, link, insightId } = route?.params ?? {};