Merge pull request #2856 from stakwork/feature/engagement

feat: change endpoint for followers/engagement

Author: Rassl

src/components/ModalsContainer/TweetAnalyze/Body/Engagement/index.tsx

@@ -6,7 +6,7 @@ import { ClipLoader } from 'react-spinners'
 import { CsvDownloadButton } from '~/components/common/CsvDownloader'
 import { Flex } from '~/components/common/Flex'
 import LinkIcon from '~/components/Icons/LinkIcon'
-import { getPathway } from '~/network/fetchSourcesData'
+import { getEngagement, getFollowers } from '~/network/tweetAnalyze'
 import { Node } from '~/types'
 import { colors } from '~/utils'
 import { Avatar, Engagement, EngagementBar, SORT_OPTIONS, SortBy, TweetLink, TweetTime, UserInfo, Username } from '..'
@@ -32,9 +32,7 @@ export const EngagementTable = ({ sortBy, idsToAnalyze }: Props) => {
 
       try {
         const responses = await Promise.all(
-          idsToAnalyze.map((id) =>
-            getPathway(id, [], ['HAS_REPLY>', 'HAS_QUOTE>', 'THREAD_NEXT>', '<POSTED'], sortBy, true, 0, 10, 800),
-          ),
+          idsToAnalyze.map((id) => (sortBy === 'followers' ? getEngagement(id) : getFollowers(id))),
         )
 
         const mainTweetsArray = []
@@ -256,11 +254,12 @@ export const EngagementTable = ({ sortBy, idsToAnalyze }: Props) => {
                 <>
                   <TableCell>
                     {tweet.properties?.impression_percentage} %
-                    {tweet.properties?.impression_count !== undefined && tweet.properties?.impression_count && (
-                      <Engagement>
-                        <EngagementBar percentage={Number(tweet.properties?.impression_percentage)} />
-                      </Engagement>
-                    )}
+                    {tweet.properties?.impression_count !== undefined &&
+                      Boolean(tweet.properties?.impression_count) && (
+                        <Engagement>
+                          <EngagementBar percentage={Number(tweet.properties?.impression_percentage)} />
+                        </Engagement>
+                      )}
                   </TableCell>
                   <TableCell align="right">{Number(tweet.properties?.followers).toLocaleString()}</TableCell>
                 </>

src/components/ModalsContainer/TweetAnalyze/Body/index.tsx

@@ -7,10 +7,10 @@ import { EngagementTable } from './Engagement'
 import { RetweetsTable } from './Retweets'
 import { SentimentTable } from './Sentiment'
 
-const ENGAGEMENT = 'ENGAGEMENT'
-const FOLLOWERS = 'FOLLOWERS'
-const TOP_REPOSTERS = 'TOP_REPOSTERS'
-const SENTIMENT = 'SENTIMENT'
+export const ENGAGEMENT = 'ENGAGEMENT'
+export const FOLLOWERS = 'FOLLOWERS'
+export const TOP_REPOSTERS = 'TOP_REPOSTERS'
+export const SENTIMENT = 'SENTIMENT'
 
 const ComponentsMap: Record<string, ComponentType<{ sortBy: SortBy; idsToAnalyze: string[] }>> = {
   [ENGAGEMENT]: EngagementTable,

src/network/tweetAnalyze/index.ts

@@ -0,0 +1,14 @@
+import { FetchDataResponse } from '~/types'
+import { api } from '../api'
+
+export const getEngagement = async (id: string) => {
+  const response = await api.get<FetchDataResponse>(`/mindset/tweet/engagement/${id}`)
+
+  return response
+}
+
+export const getFollowers = async (id: string) => {
+  const response = await api.get<FetchDataResponse>(`/mindset/tweet/followers/${id}`)
+
+  return response
+}