diff --git a/app/hooks/features/index.ts b/app/hooks/features/index.ts
index 5f5527cbcc..6444404175 100644
--- a/app/hooks/features/index.ts
+++ b/app/hooks/features/index.ts
@@ -181,11 +181,6 @@ export function useSelectedFeatures(
const { data: session } = useSession();
const { search } = filters;
- const queryClient = useQueryClient();
-
- // const featureColorQueryState =
- // queryClient.getQueryState<{ id: Feature['id']; color: string }[]>('feature-colors');
-
const featureColors = useColorFeatures(pid, sid);
const fetchFeatures = () =>
diff --git a/app/hooks/gap-analysis/index.ts b/app/hooks/gap-analysis/index.ts
index fae3adbca5..e64458adff 100644
--- a/app/hooks/gap-analysis/index.ts
+++ b/app/hooks/gap-analysis/index.ts
@@ -1,6 +1,5 @@
import { useQuery } from 'react-query';
-import { sortBy } from 'lodash';
import { useSession } from 'next-auth/react';
import { ItemProps as RawItemProps } from 'components/gap-analysis/item/component';
@@ -70,18 +69,9 @@ export function usePreGapAnalysis(sId: Scenario['id'], options: UseFeaturesOptio
return useQuery(['pre-gap-analysis', sId, JSON.stringify(options)], fetchFeatures, {
select: ({ data }) =>
- sortBy(
- data.map((d): AllItemProps => {
- const {
- id,
- name,
- featureClassName,
- met,
- metArea,
- coverageTarget,
- coverageTargetArea,
- onTarget,
- } = d;
+ data
+ .map((d): AllItemProps => {
+ const { id, name, featureClassName, met, metArea, coverageTarget, onTarget } = d;
return {
id,
@@ -94,9 +84,8 @@ export function usePreGapAnalysis(sId: Scenario['id'], options: UseFeaturesOptio
percent: coverageTarget / 100,
},
};
- }),
- ['name']
- ),
+ })
+ .sort((a, b) => a['name']?.localeCompare(b['name'])),
});
}
diff --git a/app/layout/project/sidebar/scenario/grid-setup/features/target-spf/bulk-action-menu/index.tsx b/app/layout/project/sidebar/scenario/grid-setup/features/target-spf/bulk-action-menu/index.tsx
index d3741c8961..f0dd99dd02 100644
--- a/app/layout/project/sidebar/scenario/grid-setup/features/target-spf/bulk-action-menu/index.tsx
+++ b/app/layout/project/sidebar/scenario/grid-setup/features/target-spf/bulk-action-menu/index.tsx
@@ -9,9 +9,11 @@ import Icon from 'components/icon';
import Modal from 'components/modal/component';
import { Feature } from 'types/api/feature';
+import EDIT_SVG from 'svgs/ui/edit.svg?sprite';
import DELETE_SVG from 'svgs/ui/new-layout/delete.svg?sprite';
import DeleteModal from './modals/delete';
+import EditModal from './modals/edit';
const BUTTON_CLASSES =
'col-span-1 flex items-center space-x-2 rounded-lg bg-gray-800 px-4 text-xs text-gray-100';
@@ -40,7 +42,7 @@ const SplitFeaturesBulkActionMenu = ({
return (
<>
-
+
{selectedFeatureIds.length}
@@ -48,6 +50,16 @@ const SplitFeaturesBulkActionMenu = ({
Selected
+
+