Skip to content

Commit 8afc65c

Browse files
gustn99gustn99
committed
Fix: 바텀시트 컴포넌트 import문 수정
1 parent 09ddcb7 commit 8afc65c

7 files changed

Lines changed: 64 additions & 38 deletions

File tree

‎src/components/BottomSheet/BottomSheetMenu/index.tsx‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
1+
import { memo } from 'react';
2+
3+
import theme from '@styles/theme';
4+
15
import { StyledText } from '@components/Text/StyledText';
2-
import { BottomSheetMenuLayout, SheetItem, IconButton } from './styles';
6+
37
import type { BottomSheetMenuProps, SheetItemDto } from './dto';
4-
import React from 'react';
5-
import theme from '@styles/theme';
68

7-
const BottomSheetMenu: React.FC<BottomSheetMenuProps> = React.memo(({ items }) => {
9+
import { BottomSheetMenuLayout, SheetItem, IconButton } from './styles';
10+
11+
const BottomSheetMenu: React.FC<BottomSheetMenuProps> = memo(({ items }) => {
812
return (
913
<BottomSheetMenuLayout>
1014
{items.map((item: SheetItemDto, index) => (

‎src/components/BottomSheet/CommentBottomSheet/Comment/index.tsx‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
1-
import { StyledText } from '@components/Text/StyledText';
2-
import { CommentLayout, SendContainer, CommentTextarea, SendButton } from './styles';
1+
import { useEffect, useRef, useState } from 'react';
2+
33
import send from '@assets/default/send-comment.svg';
4-
import React, { useEffect, useRef, useState } from 'react';
4+
5+
import { StyledText } from '@components/Text/StyledText';
6+
57
import type { CommentProps } from './dto';
68

9+
import { CommentLayout, SendContainer, CommentTextarea, SendButton } from './styles';
10+
711
const Comment: React.FC<CommentProps> = ({ content, sendComment, isModal = false }) => {
812
const [comment, setComment] = useState('');
913
const textareaRef = useRef<HTMLTextAreaElement>(null);

‎src/components/BottomSheet/CommentBottomSheet/index.tsx‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,16 @@
1-
import { StyledText } from '@components/Text/StyledText';
21
import theme from '@styles/theme';
32

4-
import BottomSheet from '../index';
5-
import Comment from './Comment/index';
3+
import closeIcon from '@assets/default/modal-close-white.svg';
4+
5+
import { StyledText } from '@components/Text/StyledText';
6+
67
import type { BottomSheetProps } from '../dto';
8+
79
import type { CommentBottomSheetProps } from './dto';
8-
import closeIcon from '@assets/default/modal-close-white.svg';
10+
11+
import BottomSheet from '../index';
12+
13+
import Comment from './Comment/index';
914

1015
import {
1116
CommentBottomSheetLayout,

‎src/components/BottomSheet/OptionsBottomSheet/ReportBottomSheetMenu/index.tsx‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,15 @@
1-
import React, { useState, useRef, useCallback, useEffect } from 'react';
1+
import { useState, useRef, useCallback, useEffect, memo } from 'react';
2+
23
import BottomButton from '@components/BottomButton';
3-
import BottomSheetMenu from '../../BottomSheetMenu/index';
4-
import { SheetItemDto } from '../../BottomSheetMenu/dto';
4+
55
import type { ReportBottomSheetMenuProps } from './dto';
6+
7+
import { SheetItemDto } from '../../BottomSheetMenu/dto';
8+
import BottomSheetMenu from '../../BottomSheetMenu/index';
9+
610
import { InputLayout, ReportBottomSheetMenuWrappar } from './styles';
711

8-
const ReportBottomSheetMenu: React.FC<ReportBottomSheetMenuProps> = React.memo(
12+
const ReportBottomSheetMenu: React.FC<ReportBottomSheetMenuProps> = memo(
913
({ onCloseReportSheet, onOpenStatusModal, sendReport, isUserReport }) => {
1014
const [isVisibleTextarea, setIsTextareaVisible] = useState(false);
1115
const [inputValue, setInputValue] = useState('');

‎src/components/BottomSheet/OptionsBottomSheet/index.tsx‎

Lines changed: 25 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,35 @@
11
import { useState } from 'react';
2-
import BottomSheet from '../index';
3-
import BottomSheetMenu from '../BottomSheetMenu/index';
4-
import ReportBottomSheetMenu from './ReportBottomSheetMenu/index';
2+
3+
import theme from '@styles/theme';
4+
5+
import { sendPostReportApi } from '@apis/post-report';
6+
import { postUserBlockApi } from '@apis/user-block';
7+
import { postUserReportApi } from '@apis/user-report';
8+
import { handleError } from '@apis/util/handleError';
9+
import { getCurrentUserId } from '@utils/getCurrentUserId';
10+
11+
import blockIcon from '@assets/default/block.svg';
12+
import closeIcon from '@assets/default/modal-close-white.svg';
13+
import reportIcon from '@assets/default/report.svg';
14+
515
import Modal from '@components/Modal';
16+
import { StyledText } from '@components/Text/StyledText';
17+
18+
import type { SendPostReportRequest } from '@apis/post-report/dto';
19+
import type { PostUserBlockRequest } from '@apis/user-block/dto';
20+
import type { PostUserReportRequest } from '@apis/user-report/dto';
21+
import type { ModalProps } from '@components/Modal/dto';
622

7-
import type { OptionsBottomSheetProps } from './dto';
8-
import type { BottomSheetProps } from '../dto';
923
import type { BottomSheetMenuProps } from '../BottomSheetMenu/dto';
24+
import type { BottomSheetProps } from '../dto';
25+
26+
import type { OptionsBottomSheetProps } from './dto';
1027
import type { ReportBottomSheetMenuProps } from './ReportBottomSheetMenu/dto';
11-
import type { ModalProps } from '@components/Modal/dto';
1228

13-
import type { SendPostReportRequest } from '@apis/post-report/dto';
14-
import type { PostUserReportRequest } from '@apis/user-report/dto';
15-
import type { PostUserBlockRequest } from '@apis/user-block/dto';
29+
import BottomSheetMenu from '../BottomSheetMenu/index';
30+
import BottomSheet from '../index';
1631

17-
import { StyledText } from '@components/Text/StyledText';
18-
import { handleError } from '@apis/util/handleError';
19-
import blockIcon from '@assets/default/block.svg';
20-
import reportIcon from '@assets/default/report.svg';
21-
import closeIcon from '@assets/default/modal-close-white.svg';
32+
import ReportBottomSheetMenu from './ReportBottomSheetMenu/index';
2233

2334
import {
2435
ReportBottomSheetLayout,
@@ -29,11 +40,6 @@ import {
2940
CloseButton,
3041
ReportModalBox,
3142
} from './styles';
32-
import theme from '@styles/theme';
33-
import { postUserBlockApi } from '@apis/user-block';
34-
import { postUserReportApi } from '@apis/user-report';
35-
import { sendPostReportApi } from '@apis/post-report';
36-
import { getCurrentUserId } from '@utils/getCurrentUserId';
3743

3844
const OptionsBottomSheet: React.FC<OptionsBottomSheetProps> = ({
3945
domain,

‎src/components/BottomSheet/index.tsx‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
1-
import React, { useCallback, useEffect, useRef, useState } from 'react';
1+
import { useCallback, useEffect, useRef, useState } from 'react';
2+
3+
import closeIcon from '@assets/default/x.svg';
4+
25
import type { BottomSheetProps } from './dto';
6+
37
import {
48
BottomSheetWrapper,
59
BottomSheetLayout,
@@ -9,7 +13,6 @@ import {
913
SideBarTopBar,
1014
ComponentBox,
1115
} from './styles';
12-
import closeIcon from '@assets/default/x.svg';
1316

1417
const BottomSheet: React.FC<BottomSheetProps> = ({
1518
isOpenBottomSheet,

‎src/components/BottomSheet/styles.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React from 'react';
1+
import { memo } from 'react';
22

33
import { styled } from 'styled-components';
44

@@ -40,7 +40,7 @@ export const BottomSheetLayout = styled.div.attrs<{ $currentTranslateY: number;
4040
transition: transform 0.3s;
4141
`;
4242

43-
export const Handler = React.memo(styled.hr`
43+
export const Handler = memo(styled.hr`
4444
width: 2.88rem;
4545
margin: 0.6rem auto 0 auto;
4646
height: 0.125rem;

0 commit comments

Comments
 (0)