fix: manage gauge translation

curvefi · Oct 31, 2024 · c5fdee1 · c5fdee1
1 parent 5ada25f
commit c5fdee1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/apps/main/lingui.config.js b/apps/main/lingui.config.js
@@ -8,7 +8,7 @@ module.exports = {
   catalogs: [
     {
       path: 'src/locales/{locale}/messages',
-      include: ['src/components', 'src/hooks', 'src/layout', 'src/pages', 'src/store'],
+      include: ['src/components', 'src/hooks', 'src/layout', 'src/pages', 'src/store', 'src/widgets'],
     },
   ],
   format: 'po',

diff --git a/apps/main/src/widgets/manage-gauge/ui/ManageGauge.tsx b/apps/main/src/widgets/manage-gauge/ui/ManageGauge.tsx
@@ -7,8 +7,13 @@ import AddRewardToken from '@/features/add-gauge-reward-token'
 import DepositReward from '@/features/deposit-gauge-reward'
 import { useGaugeManager, useGaugeRewardsDistributors } from '@/entities/gauge'
 import { useSignerAddress } from '@/entities/signer'
+import useStore from '@/store/useStore'
 
 const ManageGauge: React.FC<{ poolId: string; chainId: ChainId }> = ({ poolId, chainId }) => {
+  const locale = useStore((state) => state.locale)
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const sliderTabsLocale = useMemo(() => sliderTabs, [locale])
+
   const [activeTab, setActiveTab] = useState<TabValue>('add_reward')
   const { data: signerAddress } = useSignerAddress()
 
@@ -27,9 +32,9 @@ const ManageGauge: React.FC<{ poolId: string; chainId: ChainId }> = ({ poolId, c
       !!rewardDistributors &&
       !!signerAddress &&
       Object.values(rewardDistributors).some((distributorId) =>
-        isAddressEqual(distributorId as Address, signerAddress)
+        isAddressEqual(distributorId as Address, signerAddress),
       ),
-    [rewardDistributors, signerAddress]
+    [rewardDistributors, signerAddress],
   )
 
   const renderActiveTab = useCallback(() => {
@@ -53,12 +58,12 @@ const ManageGauge: React.FC<{ poolId: string; chainId: ChainId }> = ({ poolId, c
       }
       return false
     },
-    [isGaugeManager, isRewardsDistributor]
+    [isGaugeManager, isRewardsDistributor],
   )
 
   return (
     <>
-      <TabSlider tabs={sliderTabs} activeTab={activeTab} onTabChange={setActiveTab} isTabVisible={isTabVisible} />
+      <TabSlider tabs={sliderTabsLocale} activeTab={activeTab} onTabChange={setActiveTab} isTabVisible={isTabVisible} />
       {renderActiveTab()}
     </>
   )