refact

Author: happylolonly

src/components/ContentItem/contentItem.tsx

@@ -13,12 +13,12 @@ import { getRankGrade } from '../../utils/search/utils';
 import ContentIpfs from '../contentIpfs/contentIpfs';
 
 type ContentItemProps = {
-  item: $TsFixMe;
+  item?: $TsFixMe;
   cid: string;
   grade?: $TsFixMe;
   className?: string;
   parent?: string;
-  linkType: LinksType;
+  linkType?: LinksType;
   setType?: (type: IpfsContentType) => void;
 };
 
@@ -35,7 +35,7 @@ function ContentItem({
 
   useEffect(() => {
     details?.type && setType && setType(details?.type);
-  }, [details]); //TODO: REFACT - setType rise infinite loop
+  }, [details]); // TODO: REFACT - setType rise infinite loop
 
   if (hidden) {
     return <div />;

src/features/cyberlinks/CyberlinksGraph/GraphHoverInfo/GraphHoverInfo.tsx

@@ -1,6 +1,5 @@
 import * as THREE from 'three';
 import ContentItem from 'src/components/ContentItem/contentItem';
-import { Display } from 'src/components';
 import { useMemo } from 'react';
 import styles from './GraphHoverInfo.module.scss';
 
@@ -41,6 +40,11 @@ function HoverInfo({ node, camera, size }: Props) {
 
   const isCid = node.id.startsWith('Qm');
 
+  if (!isCid) {
+    // debug, delete
+    debugger;
+  }
+
   return (
     <div
       className={styles.hoverInfo}
@@ -49,7 +53,7 @@ function HoverInfo({ node, camera, size }: Props) {
         left: posX,
       }}
     >
-      {isCid ? <ContentItem cid={node.id} /> : <Display>{node.id}</Display>}
+      <ContentItem cid={node.id} />
     </div>
   );
 }