chore: console 제거

@@ -15,7 +15,8 @@
     "react/jsx-fragments": 0,
     "react/jsx-fragments": 0,
     "react/prop-types": 0,
     "react/prop-types": 0,
     "import/prefer-default-export": 0,
     "import/prefer-default-export": 0,
-    "no-param-reassign": 0
+    "no-param-reassign": 0,
+    "arrow-body-style": 0,
   },
   },
   "settings": {
   "settings": {
     "react": {
     "react": {

@@ -2,9 +2,8 @@ import React from 'react';
 import Document from './document';
 import Document from './document';
 
 
 const Documents = ({ datas }) => {
 const Documents = ({ datas }) => {
-  console.log(datas);
   return (
   return (
-    <>
+    <div>
       {datas.map(data => {
       {datas.map(data => {
         const {
         const {
           content,
           content,
@@ -14,7 +13,6 @@ const Documents = ({ datas }) => {
           writer,
           writer,
           images,
           images,
         } = data;
         } = data;
-        console.log(data);
         return (
         return (
           <Document
           <Document
             content={content.raw}
             content={content.raw}
@@ -26,7 +24,7 @@ const Documents = ({ datas }) => {
           />
           />
         );
         );
       })}
       })}
-    </>
+    </div>
   );
   );
 };
 };
 
 

@@ -15,6 +15,7 @@ const ImageWrapper = styled.div`
 `;
 `;
 const Thumbnails = ({ srcs }) => {
 const Thumbnails = ({ srcs }) => {
   const [lists, setLists] = useState([]);
   const [lists, setLists] = useState([]);
+  console.log(srcs);
   const placeholder = () => {
   const placeholder = () => {
     if (srcs.length < 4) {
     if (srcs.length < 4) {
       const list = [];
       const list = [];
@@ -31,7 +32,7 @@ const Thumbnails = ({ srcs }) => {
   };
   };
   useEffect(() => {
   useEffect(() => {
     placeholder();
     placeholder();
-  }, []);
+  }, [srcs]);
   return (
   return (
     <>
     <>
       <Text style={{ marginTop: '1rem' }} size="lg" weight={500}>
       <Text style={{ marginTop: '1rem' }} size="lg" weight={500}>

@@ -13,7 +13,6 @@ const Document = ({
   images,
   images,
 }) => {
 }) => {
   const srcs = images.map(image => JSON.parse(image).image_path);
   const srcs = images.map(image => JSON.parse(image).image_path);
-  console.log(content);
   const limit = 250;
   const limit = 250;
   const toggleEllipsis = (str, _limit) => ({
   const toggleEllipsis = (str, _limit) => ({
     string: str.slice(0, _limit),
     string: str.slice(0, _limit),
@@ -30,13 +29,7 @@ const Document = ({
       <File filename={filename} filepath={filePath} />
       <File filename={filename} filepath={filePath} />
       <Text color="green">경로: {filePath}</Text>
       <Text color="green">경로: {filePath}</Text>
       <Text>{toggleEllipsis(content, limit).string}...</Text>
       <Text>{toggleEllipsis(content, limit).string}...</Text>
-      <Thumbnails
-        srcs={srcs}
-        // srcs={[
-        //   'https://yoonsbucket.s3.amazonaws.com/book_report_1.png',
-        //   'https://yoonsbucket.s3.amazonaws.com/book_report_2.png',
-        // ]}
-      />
+      <Thumbnails srcs={srcs} />
     </Container>
     </Container>
   );
   );
 };
 };

@@ -5,7 +5,6 @@ import Header from '../components/Header';
 
 
 const SearchPage = () => {
 const SearchPage = () => {
   const { documents } = useSelector(state => state.parsedDocuments);
   const { documents } = useSelector(state => state.parsedDocuments);
-  console.log(documents);
   return (
   return (
     <>
     <>
       <Header />
       <Header />