fix(app): rank, analytics (#1221)

src/containers/ipfs/components/AdviserMeta/AdviserMeta.tsx

@@ -1,9 +1,11 @@
 import { Rank, Account } from 'src/components';
 import { timeSince, formatCurrency } from 'src/utils/utils';
+import useRank from 'src/features/cyberlinks/rank/useRank';
+import { Link } from 'react-router-dom';
+import { routes } from 'src/routes';
 import useGetCreator from '../../hooks/useGetCreator';
 import { PREFIXES } from '../metaInfo';
 import styles from './AdviserMeta.module.scss';
-import useRank from 'src/features/cyberlinks/rank/useRank';
 
 type Props = {
   cid: string;
@@ -42,7 +44,7 @@ function AdviserMeta({ cid, type, size }: Props) {
         <span>
           🟥 {size ? formatCurrency(size, 'B', 0, PREFIXES) : 'unknown'}
         </span>
-        <button disabled>🌓</button>
+        <Link to={routes.robot.routes.soul.path}>🌓</Link>
       </div>
     </div>
   );

src/containers/ipfs/hooks/useGetDiscussion.ts

@@ -26,8 +26,6 @@ function useGetLinks(
     where.neuron = { _eq: neuron };
   }
 
-  console.log('search neuron:', neuron);
-
   // always no next page when skip
   const [hasNextPage, setHasNextPage] = useState(!skip);
   const [isInitialLoading, setIsInitialLoading] = useState(true);

src/features/cyberlinks/rank/useRank.ts

@@ -1,26 +1,11 @@
-import { useEffect, useState } from 'react';
-import { useQueryClient } from 'src/contexts/queryClient';
+import useQueryClientMethod from 'src/hooks/useQueryClientMethod';
 
 function useRank(cid: string) {
-  const [rank, setRank] = useState<number>();
+  const { data } = useQueryClientMethod('rank', [cid]);
 
-  const queryClient = useQueryClient();
+  const rank = data?.rank;
 
-  useEffect(() => {
-    (async () => {
-      if (!queryClient) {
-        return;
-      }
-
-      return;
-
-      const response = await queryClient.rank(cid);
-
-      setRank(Number(response.rank));
-    })();
-  }, [cid, queryClient]);
-
-  return rank;
+  return rank ? Number(rank) : undefined;
 }
 
 export default useRank;

src/hooks/useQueryClientMethod.ts

@@ -19,7 +19,7 @@ function useQueryClientMethod<T extends keyof CyberClient>(
   >(
     ['queryClientMethod', methodName, memoParams],
     () => {
-      const func = queryClient![methodName];
+      const func = queryClient![methodName].bind(queryClient);
 
       // refactor
       if (memoParams) {

src/index.html

@@ -62,21 +62,13 @@
         <div id="progress-data"></div>
       </div>
     </div>
-
-    <script
-      defer
-      data-domain="ready.cyb.ai"
-      src="https://metrics.cyb.ai/js/script.js"
-    ></script>
   </body>
 
   <script>
-    window.cyb = {};
+    const script = document.createElement('script');
+    script.src = 'https://metrics.cyb.ai/js/script.js';
+    script.setAttribute('data-domain', location.host);
+    script.defer = true;
+    document.body.appendChild(script);
   </script>
-
-  <script
-    defer
-    data-domain="cyb.ai"
-    src="https://metrics.cyb.ai/js/script.js"
-  ></script>
 </html>

src/routes.ts

@@ -48,6 +48,9 @@ export const routes = {
       brain: {
         path: '/robot/brain',
       },
+      soul: {
+        path: '/robot/soul',
+      },
     },
   },
   robotPassport: {