feat: add trusted profile status badge (heyxyz#4555)

apps/api/src/routes/trusted/status.ts

@@ -0,0 +1,51 @@
+import type { Handler } from 'express';
+
+import logger from '@hey/lib/logger';
+import catchedError from '@utils/catchedError';
+import { TRUSTED_PROFILE_FEATURE_ID } from '@utils/constants';
+import createClickhouseClient from '@utils/createClickhouseClient';
+import prisma from '@utils/prisma';
+import { noBody } from '@utils/responses';
+
+export const get: Handler = async (req, res) => {
+  const { id } = req.query;
+
+  if (!id) {
+    return noBody(res);
+  }
+
+  try {
+    const prismaQuery = prisma.profileFeature.findFirst({
+      where: {
+        enabled: true,
+        featureId: TRUSTED_PROFILE_FEATURE_ID,
+        profileId: id as string
+      }
+    });
+
+    const client = createClickhouseClient();
+    const clickhouseQuery = client
+      .query({
+        format: 'JSONEachRow',
+        query: `
+        SELECT count(*) as count
+        FROM trusted_reports
+        WHERE actor = '${id}'
+        AND resolved = 1;
+      `
+      })
+      .then((rows) => rows.json<Array<{ count: string }>>());
+
+    const [data, result] = await Promise.all([prismaQuery, clickhouseQuery]);
+
+    logger.info(`Trusted profile status fetched: ${id}`);
+
+    return res.status(200).json({
+      isTrusted: data?.profileId === id,
+      resolvedCount: Number(result[0]?.count) || 0,
+      success: true
+    });
+  } catch (error) {
+    return catchedError(res, error);
+  }
+};

apps/web/src/components/Profile/Details.tsx

@@ -52,6 +52,7 @@ import MutualFollowersList from './MutualFollowers/List';
 import ProBadge from './ProBadge';
 import ScamWarning from './ScamWarning';
 import TbaBadge from './TbaBadge';
+import TrustedBadge from './TrustedBadge';
 
 interface DetailsProps {
   profile: Profile;
@@ -111,6 +112,7 @@ const Details: FC<DetailsProps> = ({ profile }) => {
           ) : null}
           <TbaBadge address={profile.ownedBy.address} />
           <ProBadge id={profile.id} />
+          <TrustedBadge id={profile.id} />
           {hasMisused(profile.id) ? (
             <Tooltip content={misuseDetails?.type}>
               <ExclamationCircleIcon className="size-6 text-red-500" />

apps/web/src/components/Profile/TrustedBadge.tsx

@@ -0,0 +1,59 @@
+import type { FC } from 'react';
+
+import { ShieldCheckIcon } from '@heroicons/react/24/solid';
+import { HEY_API_URL } from '@hey/data/constants';
+import humanize from '@hey/lib/humanize';
+import { Tooltip } from '@hey/ui';
+import { useQuery } from '@tanstack/react-query';
+import axios from 'axios';
+
+interface TrustedBadgeProps {
+  id: string;
+}
+
+const TrustedBadge: FC<TrustedBadgeProps> = ({ id }) => {
+  const getTrustedProfileStatus = async (): Promise<{
+    isTrusted: boolean;
+    resolvedCount: number;
+  }> => {
+    if (!id) {
+      return { isTrusted: false, resolvedCount: 0 };
+    }
+
+    const response = await axios.get(`${HEY_API_URL}/trusted/status`, {
+      params: { id }
+    });
+    const { data } = response;
+
+    return data;
+  };
+
+  const { data } = useQuery({
+    queryFn: getTrustedProfileStatus,
+    queryKey: ['getTrustedProfileStatus', id]
+  });
+
+  if (!data) {
+    return null;
+  }
+
+  const { isTrusted, resolvedCount } = data;
+
+  if (!isTrusted) {
+    return null;
+  }
+
+  return (
+    <Tooltip
+      content={
+        <span>
+          Trusted profile: <b>{humanize(resolvedCount)} reports resolved</b>
+        </span>
+      }
+    >
+      <ShieldCheckIcon className="size-6 text-blue-500" />
+    </Tooltip>
+  );
+};
+
+export default TrustedBadge;

packages/lib/api/getProStatus.ts

@@ -22,10 +22,7 @@ const getProStatus = async (
   });
   const { data } = response;
 
-  return {
-    isBeliever: data.isBeliever,
-    isPro: data.isPro
-  };
+  return data;
 };
 
 export default getProStatus;