[Simplyfy] 필요없는 fragment 수정 #140

빈 <></> 삭제
connect-foundation · Dec 5, 2019 · fc5269f · fc5269f
1 parent baaaae9
commit fc5269f
Show file tree

Hide file tree

Showing 7 changed files with 35 additions and 55 deletions.
diff --git a/client/src/composition/Feed/Feed.tsx b/client/src/composition/Feed/Feed.tsx
@@ -77,16 +77,14 @@ function Feed({ content, createdAt, feedinfo }: Iprops) {
         <CommentDiv>
           {feedinfo.comments && feedinfo.comments.length > 0 ? (
             feedinfo.comments.map(comment => {
-              if (comment) {
-                return (
-                  <>
-                    <CommentContainer comment={comment} />
-                    <WriteCommentPresentor />
-                  </>
-                );
-              } else {
-                return <></>;
-              }
+              return comment ? (
+                <>
+                  <CommentContainer comment={comment} />
+                  <WriteCommentPresentor />
+                </>
+              ) : (
+                <></>
+              );
             })
           ) : (
             <>

diff --git a/client/src/composition/Feed/FeedComment/index.tsx b/client/src/composition/Feed/FeedComment/index.tsx
@@ -4,13 +4,7 @@ import { Comment } from 'react-components.d';
 
 // 역할 :
 const CommentContainer = ({ comment }: { comment: Comment }) => {
-  return (
-    <>
-      <div>
-        <CommentPresentor content={comment.content} />
-      </div>
-    </>
-  );
+  return <CommentPresentor content={comment.content} />;
 };
 
 export default CommentContainer;
diff --git a/client/src/composition/Feed/Image.tsx b/client/src/composition/Feed/Image.tsx
@@ -14,11 +14,9 @@ const ImageBox = styled.img`
 const ImagePreview = ({ url }: Image) => {
   if (!url) return <></>;
   return (
-    <>
-      <span>
-        <ImageBox src={url} alt="My Image" />
-      </span>
-    </>
+    <span>
+      <ImageBox src={url} alt="My Image" />
+    </span>
   );
 };
 

diff --git a/client/src/composition/Feed/ImageContainer.tsx b/client/src/composition/Feed/ImageContainer.tsx
@@ -7,7 +7,7 @@ interface Iprops {
 }
 
 const ImageContainer = ({ images }: Iprops) => {
-  if (!images) return <>______</>;
+  if (!images) return <></>;
   return (
     <>
       {images.map(image =>

diff --git a/client/src/composition/Feed/WritingFeed/WritingPresenter.tsx b/client/src/composition/Feed/WritingFeed/WritingPresenter.tsx
@@ -160,19 +160,17 @@ function WritingFeedPresenter({
         </ContentRow>
         <ContentRow>
           {files && files.length > 0 && (
-            <>
-              <FilesContainer>
-                {files.map((file: { fileUrl: string; fileId: number }) => (
-                  <UploadPreviewImg
-                    key={file.fileId}
-                    fileUrl={file.fileUrl}
-                    fileId={file.fileId}
-                    deleteFile={deleteFile}
-                  />
-                ))}
-                <UploadPlusButton targetId={FILE_INPUT_ID} />
-              </FilesContainer>
-            </>
+            <FilesContainer>
+              {files.map((file: { fileUrl: string; fileId: number }) => (
+                <UploadPreviewImg
+                  key={file.fileId}
+                  fileUrl={file.fileUrl}
+                  fileId={file.fileId}
+                  deleteFile={deleteFile}
+                />
+              ))}
+              <UploadPlusButton targetId={FILE_INPUT_ID} />
+            </FilesContainer>
           )}
         </ContentRow>
       </ContentWrapper>

diff --git a/client/src/composition/Search/CardContainer.tsx b/client/src/composition/Search/CardContainer.tsx
@@ -33,23 +33,19 @@ function CardContainer({ location }: IProps) {
   if (loading) return <p>로딩중...</p>;
   if (error)
     return (
-      <>
-        <UserCard
-          nickname="데이터를 가져오는데 에러가 발생하였습니다!"
-          imageUrl={
-            process.env.PUBLIC_URL + '/images/search_notfound.png'
-          }></UserCard>
-      </>
+      <UserCard
+        nickname="데이터를 가져오는데 에러가 발생하였습니다!"
+        imageUrl={
+          process.env.PUBLIC_URL + '/images/search_notfound.png'
+        }></UserCard>
     );
   if (data.searchUser.length === 0)
     return (
-      <>
-        <UserCard
-          nickname={`${keyword}에 대한 검색 결과가 없습니다`}
-          imageUrl={
-            process.env.PUBLIC_URL + '/images/search_notfound.png'
-          }></UserCard>
-      </>
+      <UserCard
+        nickname={`${keyword}에 대한 검색 결과가 없습니다`}
+        imageUrl={
+          process.env.PUBLIC_URL + '/images/search_notfound.png'
+        }></UserCard>
     );
 
   function sendFriendRequest(email: string) {

diff --git a/client/src/pages/Search/index.tsx b/client/src/pages/Search/index.tsx
@@ -6,11 +6,7 @@ interface IProps {
 }
 
 const Search = (props: IProps) => {
-  return (
-    <>
-      <CardContainer location={props.location} />
-    </>
-  );
+  return <CardContainer location={props.location} />;
 };
 
 export default Search;