fix: translation keys

Author: navins94

frontend/src/modules/details-page/header.jsx

@@ -2,9 +2,9 @@ import React, { useState } from 'react'
 import './style.module.scss'
 import { Col, Popover, Input, Select, Tooltip, Modal, notification } from 'antd'
 const { Option } = Select
-import { eventTrack } from '../../utils/misc'
+import { eventTrack, useTopicNames } from '../../utils/misc'
 import { PlayCircleTwoTone } from '@ant-design/icons'
-import { resourceTypeToTopicType, topicNames } from '../../utils/misc'
+import { resourceTypeToTopicType } from '../../utils/misc'
 import { languageOptions } from '../flexible-forms/view'
 import classNames from 'classnames'
 import Button from '../../components/button'
@@ -40,6 +40,8 @@ const Header = ({
   setLikes,
 }) => {
   const router = useRouter()
+  const topicNames = useTopicNames()
+
   const bookmarked =
     relation &&
     relation.association &&

frontend/src/pages/knowledge-hub/index.js

@@ -108,6 +108,10 @@ const KnowledgeHub = ({
   const OPTION_PAGE_SIZE = 100
 
   useEffect(() => {
+    if (!isLoadMore) {
+      originalResults.current = newResults
+    }
+
     const translateResults = async () => {
       const resultsToTranslate = originalResults.current
       if (router.locale !== 'en' && resultsToTranslate.length > 0) {
@@ -131,7 +135,7 @@ const KnowledgeHub = ({
     }
 
     translateResults()
-  }, [newResults, router.locale])
+  }, [newResults, router.locale, isLoadMore])
 
   useEffect(() => {
     setDisplayedOptions(tagOpts.slice(0, OPTION_PAGE_SIZE))

frontend/src/utils/misc.js

@@ -63,6 +63,28 @@ export const topicNames = (topic) => {
   return names[humps.camelize(topic)]
 }
 
+export const useTopicNames = () => {
+  const { i18n } = useLingui()
+
+  return (topic) => {
+    const names = {
+      initiative: i18n._(t`Initiative`),
+      actionPlan: i18n._(t`Action Plan`),
+      policy: i18n._(t`Legislation`),
+      technicalResource: i18n._(t`Technical Resource`),
+      financingResource: i18n._(t`Financing Resource`),
+      event: i18n._(t`Event`),
+      technology: i18n._(t`Technology`),
+      organisation: i18n._(t`Entity`),
+      stakeholder: i18n._(t`Individual`),
+      capacityBuilding: i18n._(t`Capacity Building`),
+      caseStudy: i18n._(t`Case Study`),
+      dataCatalog: i18n._(t`Data Portal`),
+    }
+    return names[humps.camelize(topic)]
+  }
+}
+
 export const resourceSubTypes = new Set([
   'financing_resource',
   'technical_resource',