cyb/src/components/particle/index.jsx

import { useState } from 'react';
import useGetCreator from 'src/containers/ipfs/hooks/useGetCreator';
import { Titile } from './components';

function Particle({ cid }) {
  const { creator } = useGetCreator(cid);
  // const [content, setContent] = useState('');
  // const [textPreview, setTextPreview] = useState(cid);
  // const [typeContent, setTypeContent] = useState('');
  const [status] = useState('understandingState');
  // const [link, setLink] = useState(`/ipfs/${cid}`);

  // useEffect(() => {
  //   const feachData = async () => {
  //     let responseData = null;

  //     const dataResponseByCid = await getIPFSContent(node, cid);

  //     if (dataResponseByCid !== undefined) {
  //       if (dataResponseByCid === 'availableDownload') {
  //         setStatus('availableDownload');
  //         setTextPreview(cid);
  //       } else {
  //         responseData = dataResponseByCid;
  //       }
  //     } else {
  //       setStatus('impossibleLoad');
  //     }

  //     if (responseData !== null) {
  //       const { data } = responseData;
  //       const dataTypeContent = await getTypeContent(data, cid);

  //       const {
  //         text: textContent,
  //         type,
  //         content: contentCid,
  //         link: linkContent,
  //       } = dataTypeContent;

  //       setTextPreview(textContent);
  //       setTypeContent(type);
  //       setContent(contentCid);
  //       setLink(linkContent);
  //       setStatus('downloaded');
  //     }
  //   };
  //   feachData();
  // }, [cid, node]);

  return (
    <div>
      <Titile cid={cid} creator={creator} status={status} />
    </div>
  );
}

export default Particle;