Add trending tags in search landing page

src/utils/queryHooks/trends.ts

@@ -0,0 +1,42 @@
+import apiInstance from '@api/instance'
+import { store } from '@root/store'
+import { checkInstanceFeature } from '@utils/slices/instancesSlice'
+import { AxiosError } from 'axios'
+import { QueryFunctionContext, useQuery, UseQueryOptions } from 'react-query'
+
+export type QueryKeyTrends = ['Trends', { type: 'tags' | 'statuses' | 'links' }]
+
+const queryFunction = ({ queryKey }: QueryFunctionContext<QueryKeyTrends>) => {
+  const trendsNewPath = checkInstanceFeature('trends_new_path')(store.getState())
+
+  if (!trendsNewPath && queryKey[1].type !== 'tags') {
+    return []
+  }
+
+  const { type } = queryKey[1]
+
+  switch (type) {
+    case 'tags':
+      return apiInstance<Mastodon.Tag[]>({
+        method: 'get',
+        url: trendsNewPath ? 'trends/tags' : 'trends'
+      }).then(res => res.body)
+    case 'statuses':
+      return apiInstance<Mastodon.Status[]>({
+        method: 'get',
+        url: 'trends/tags'
+      }).then(res => res.body)
+  }
+}
+
+const useTrendsQuery = ({
+  options,
+  ...queryKeyParams
+}: QueryKeyTrends[1] & {
+  options?: UseQueryOptions<Mastodon.Tag[] | Mastodon.Status[], AxiosError>
+}) => {
+  const queryKey: QueryKeyTrends = ['Trends', { ...queryKeyParams }]
+  return useQuery(queryKey, queryFunction, options)
+}
+
+export { useTrendsQuery }