From 9b948c687fb77657c3e332187d8f67264bd91105 Mon Sep 17 00:00:00 2001
From: anamontiaga <amontiaga@gmail.com>
Date: Thu, 3 Aug 2023 18:08:22 +0200
Subject: [PATCH] reove old specific component

---
 .../list/{item => }/actions/index.tsx         |   0
 .../inventory-panel/features/list/index.tsx   |   2 +-
 .../features/list/item/index.tsx              | 180 ------------------
 .../inventory-panel/item-list/index.tsx       |   4 +-
 4 files changed, 3 insertions(+), 183 deletions(-)
 rename app/layout/project/sidebar/project/inventory-panel/features/list/{item => }/actions/index.tsx (100%)
 delete mode 100644 app/layout/project/sidebar/project/inventory-panel/features/list/item/index.tsx

diff --git a/app/layout/project/sidebar/project/inventory-panel/features/list/item/actions/index.tsx b/app/layout/project/sidebar/project/inventory-panel/features/list/actions/index.tsx
similarity index 100%
rename from app/layout/project/sidebar/project/inventory-panel/features/list/item/actions/index.tsx
rename to app/layout/project/sidebar/project/inventory-panel/features/list/actions/index.tsx
diff --git a/app/layout/project/sidebar/project/inventory-panel/features/list/index.tsx b/app/layout/project/sidebar/project/inventory-panel/features/list/index.tsx
index 721c4fd45a..db981c9fbf 100644
--- a/app/layout/project/sidebar/project/inventory-panel/features/list/index.tsx
+++ b/app/layout/project/sidebar/project/inventory-panel/features/list/index.tsx
@@ -185,7 +185,7 @@ export const ProjectFeatureList = (): JSX.Element => {
                     projectId={pid}
                     onSelectFeature={handleSelectFeature}
                     isSelected={selectedFeaturesIds.includes(feature.id)}
-                    id="features"
+                    id="feature"
                   />
                 </li>
               ))}
diff --git a/app/layout/project/sidebar/project/inventory-panel/features/list/item/index.tsx b/app/layout/project/sidebar/project/inventory-panel/features/list/item/index.tsx
deleted file mode 100644
index 2814ef947c..0000000000
--- a/app/layout/project/sidebar/project/inventory-panel/features/list/item/index.tsx
+++ /dev/null
@@ -1,180 +0,0 @@
-import { useCallback, useState, ChangeEvent, useRef, InputHTMLAttributes } from 'react';
-
-import { useQueryClient } from 'react-query';
-import { useDispatch, useSelector } from 'react-redux';
-
-import { setSelectedFeatures as setVisibleFeatures } from 'store/slices/projects/[id]';
-
-import { MoreHorizontal } from 'lucide-react';
-
-import { useEditFeature } from 'hooks/features';
-import { useToasts } from 'hooks/toast';
-
-import Checkbox from 'components/forms/checkbox';
-import Icon from 'components/icon';
-import { Popover, PopoverContent, PopoverTrigger } from 'components/popover';
-import Tag from 'components/tag';
-import { Feature } from 'types/api/feature';
-import { Project } from 'types/api/project';
-import { cn } from 'utils/cn';
-
-import HIDE_SVG from 'svgs/ui/hide.svg?sprite';
-import SHOW_SVG from 'svgs/ui/show.svg?sprite';
-
-import FeatureActions from './actions';
-
-const FeatureItemList = ({
-  feature,
-  projectId,
-  isSelected,
-  onSelectFeature,
-}: {
-  feature: Feature;
-  projectId: Project['id'];
-  isSelected: boolean;
-  onSelectFeature: (evt: ChangeEvent<HTMLInputElement>) => void;
-}): JSX.Element => {
-  const queryClient = useQueryClient();
-  const { addToast } = useToasts();
-  const dispatch = useDispatch();
-  const { selectedFeatures: visibleFeatures } = useSelector((state) => state['/projects/[id]']);
-  const [isEditable, setEditable] = useState(false);
-  const nameInputRef = useRef<HTMLInputElement>(null);
-  const { mutate: editFeature } = useEditFeature();
-
-  const handleRename = useCallback(() => {
-    setEditable(true);
-    nameInputRef.current?.focus();
-  }, [nameInputRef]);
-
-  const handleNameChanges = useCallback(
-    (evt: Parameters<InputHTMLAttributes<HTMLInputElement>['onKeyDown']>[0]) => {
-      if (evt.key === 'Enter') {
-        setEditable(false);
-        nameInputRef.current?.blur();
-
-        editFeature(
-          {
-            fid: feature.id,
-            body: {
-              featureClassName: evt.currentTarget.value,
-            },
-          },
-          {
-            onSuccess: async () => {
-              await queryClient.invalidateQueries(['all-features', projectId]);
-
-              addToast(
-                'edit-project-features',
-                <>
-                  <h2 className="font-medium">Success</h2>
-                  <p className="text-sm">The feature was updated successfully.</p>
-                </>,
-                {
-                  level: 'success',
-                }
-              );
-            },
-            onError: () => {
-              addToast(
-                'edit-project-features',
-                <>
-                  <h2 className="font-medium">Error</h2>
-                  <p className="text-sm">Something went wrong editing the feature.</p>
-                </>,
-                {
-                  level: 'error',
-                }
-              );
-            },
-          }
-        );
-      }
-    },
-    [nameInputRef, projectId, feature.id, editFeature, addToast, queryClient]
-  );
-
-  const toggleSeeOnMap = useCallback(
-    (featureId: Feature['id']) => {
-      const newSelectedFeatures = [...visibleFeatures];
-
-      if (!newSelectedFeatures.includes(featureId)) {
-        newSelectedFeatures.push(featureId);
-      } else {
-        const i = newSelectedFeatures.indexOf(featureId);
-        newSelectedFeatures.splice(i, 1);
-      }
-      dispatch(setVisibleFeatures(newSelectedFeatures));
-    },
-    [dispatch, visibleFeatures]
-  );
-
-  return (
-    <>
-      <div className="col-span-3 flex space-x-2">
-        <Checkbox
-          id={`item-${feature.id}`}
-          theme="light"
-          className="block h-4 w-4 checked:bg-blue-400"
-          onChange={onSelectFeature}
-          checked={isSelected}
-          value={feature.id}
-        />
-        <div className="flex flex-col space-y-2">
-          <input
-            ref={nameInputRef}
-            defaultValue={feature.featureClassName}
-            readOnly={!isEditable}
-            className={cn({
-              'text-ellipsis bg-transparent p-0 text-sm font-medium leading-none': true,
-              'border-transparent': isEditable,
-            })}
-            onKeyDown={handleNameChanges}
-          />
-          {Boolean(feature.scenarioUsageCount) && (
-            <span className="flex space-x-1 text-xs">
-              <span>Currently in use in</span>
-              <span className="block rounded-[4px]  bg-blue-400/25 px-1 text-xs font-semibold text-blue-400">
-                {feature.scenarioUsageCount}
-              </span>
-              <span>scenarios.</span>
-            </span>
-          )}
-        </div>
-      </div>
-      <div className="col-span-2">
-        {feature.tag && (
-          <Tag className="rounded-2xl bg-yellow-500/10 px-3 py-[2px] font-medium text-yellow-500">
-            <span className="text-xs">{feature.tag}</span>
-          </Tag>
-        )}
-      </div>
-      <div className="col-span-1 flex space-x-3">
-        <button type="button" onClick={() => toggleSeeOnMap(feature.id)}>
-          <Icon className="h-4 w-4" icon={true ? SHOW_SVG : HIDE_SVG} />
-        </button>
-        <Popover>
-          <PopoverTrigger asChild>
-            <button type="button" className="rounded-full bg-black">
-              <MoreHorizontal className="text-white" />
-            </button>
-          </PopoverTrigger>
-          <PopoverContent
-            className="w-auto rounded-2xl border-transparent p-0"
-            side="bottom"
-            sideOffset={5}
-            align="start"
-          >
-            <FeatureActions
-              feature={feature}
-              onEditName={handleRename}
-              isDeletable={feature.isCustom && !feature.scenarioUsageCount}
-            />
-          </PopoverContent>
-        </Popover>
-      </div>
-    </>
-  );
-};
-
-export default FeatureItemList;
diff --git a/app/layout/project/sidebar/project/inventory-panel/item-list/index.tsx b/app/layout/project/sidebar/project/inventory-panel/item-list/index.tsx
index fde702fd1b..78cf2eb176 100644
--- a/app/layout/project/sidebar/project/inventory-panel/item-list/index.tsx
+++ b/app/layout/project/sidebar/project/inventory-panel/item-list/index.tsx
@@ -14,7 +14,7 @@ import Checkbox from 'components/forms/checkbox';
 import Icon from 'components/icon';
 import { Popover, PopoverContent, PopoverTrigger } from 'components/popover';
 import Tag from 'components/tag';
-import FeatureActions from 'layout/project/sidebar/project/inventory-panel/features/list/item/actions';
+import FeatureActions from 'layout/project/sidebar/project/inventory-panel/features/list/actions';
 import { Feature } from 'types/api/feature';
 import { Project } from 'types/api/project';
 import { cn } from 'utils/cn';
@@ -166,7 +166,7 @@ const ItemList = ({
             sideOffset={5}
             align="start"
           >
-            {id === 'features' && (
+            {id === 'feature' && (
               <FeatureActions
                 feature={item}
                 onEditName={handleRename}