Fix: Sorting functionality for active and ended farms on Dogechain

Author: webdev403

src/pages/FarmPage/V3/AllV3Farms.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { Box, useMediaQuery, useTheme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
 import CustomTabSwitch from 'components/v3/CustomTabSwitch';
@@ -34,6 +34,7 @@ import { getConfig } from 'config/index';
 interface Props {
   searchValue: string;
   farmStatus: string;
+  sortValue: string;
 }
 
 export interface V3FarmPair {
@@ -46,7 +47,11 @@ export interface V3FarmPair {
   farms: V3Farm[];
 }
 
-const AllV3Farms: React.FC<Props> = ({ searchValue, farmStatus }) => {
+const AllV3Farms: React.FC<Props> = ({
+  searchValue,
+  farmStatus,
+  sortValue,
+}) => {
   const { t } = useTranslation();
   const { breakpoints } = useTheme();
   const { chainId } = useActiveWeb3React();
@@ -127,6 +132,10 @@ const AllV3Farms: React.FC<Props> = ({ searchValue, farmStatus }) => {
     };
   });
 
+  useEffect(() => {
+    setSortBy(sortValue);
+  }, [sortValue]);
+
   const {
     data: allEternalFarms,
     isLoading: eternalFarmsLoading,

src/pages/FarmPage/V3/Farms.tsx

@@ -284,7 +284,11 @@ export default function Farms() {
               sortValue={selectedSort}
             />
           ) : (
-            <AllV3Farms searchValue={searchValue} farmStatus={farmStatus} />
+            <AllV3Farms
+              searchValue={searchValue}
+              farmStatus={farmStatus}
+              sortValue={selectedSort}
+            />
           ))}
         {selectedFarmCategory.id === 2 && (
           <FarmingMyFarms search={searchValue} chainId={chainIdToUse} />