Merge pull request #277 from zimmerman-team/feat/DX-2101

feat: persist sort by state in external data search

src/app/modules/dataset-module/routes/upload-module/upload-steps/externalSearch.tsx

@@ -8,8 +8,8 @@ import axios from "axios";
 import CircleLoader from "app/modules/home-module/components/Loader";
 import { useInfinityScroll } from "app/hooks/useInfinityScroll";
 import SourceCategoryList from "app/modules/dataset-module/routes/upload-module/component/externalSourcesList";
-import { useSetRecoilState } from "recoil";
-import { planDialogAtom } from "app/state/recoil/atoms";
+import { useRecoilState, useSetRecoilState } from "recoil";
+import { externalDataSortByAtom, planDialogAtom } from "app/state/recoil/atoms";
 import SaveAltIcon from "@material-ui/icons/SaveAlt";
 import ExternalSearchTable from "app/modules/dataset-module/routes/upload-module/component/table/externalSearchTable";
 import { useCheckUserPlan } from "app/hooks/useCheckUserPlan";
@@ -46,7 +46,8 @@ export default function ExternalSearch(props: {
   const observerTarget = React.useRef(null);
   const [view, setView] = React.useState<"grid" | "table">("grid");
 
-  const [sortValue, setSortValue] = React.useState("name");
+  // const [sortValue, setSortValue] = React.useState("name");
+  const [sortValue, setSortValue] = useRecoilState(externalDataSortByAtom);
   const token = useStoreState((state) => state.AuthToken.value);
   const [loading, setLoading] = React.useState(false);
   const [offset, setOffset] = React.useState(0);

src/app/state/recoil/atoms/index.ts

@@ -38,6 +38,14 @@ export const allAssetsSortBy = atom<"name" | "updatedDate" | "createdDate">({
   effects_UNSTABLE: [persistAtom],
 });
 
+export const externalDataSortByAtom = atom<
+  "name" | "updatedDate" | "createdDate"
+>({
+  key: "externalDataSortByAtom",
+  default: "updatedDate",
+  effects_UNSTABLE: [persistAtom],
+});
+
 export const homeDisplayAtom = atom<"all" | "data" | "charts" | "reports">({
   key: "homeDisplayAtom",
   default: "all",