From b0c4058773eedc3a521e895a6499854371864bcb Mon Sep 17 00:00:00 2001
From: Bogdan Arabadzhi <8407846+barabadzhi@users.noreply.github.com>
Date: Fri, 3 Jan 2025 09:53:20 +0100
Subject: [PATCH] Forms: remove programmatic highlight of the object (#245)

---
 .../forms/routes/formsList/formsList.tsx      | 49 ++++++++++---------
 src/features/forms/routes/object.tsx          | 18 ++-----
 2 files changed, 29 insertions(+), 38 deletions(-)

diff --git a/src/features/forms/routes/formsList/formsList.tsx b/src/features/forms/routes/formsList/formsList.tsx
index 93672f79..1aa07e1a 100644
--- a/src/features/forms/routes/formsList/formsList.tsx
+++ b/src/features/forms/routes/formsList/formsList.tsx
@@ -357,33 +357,36 @@ export function FormsList() {
                     </Button>
                 </Box>
             </Box>
-            {(loadingTemplate || loadingItems) && (
+            {loadingTemplate || loadingItems ? (
                 <Box position="relative">
                     <LinearProgress />
                 </Box>
-            )}
-            <Typography py={2} px={1} fontWeight={600}>
-                {template?.title.value ?? ""}
-            </Typography>
-            <ScrollBox pb={2} flex={1}>
-                {items.length === 0 ? (
-                    <Typography px={1}>{t("noForms")}</Typography>
-                ) : (
-                    <AutoSizer disableWidth>
-                        {({ height }) => (
-                            <List
-                                height={height}
-                                itemCount={filteredItems.length}
-                                itemSize={48}
-                                width="100%"
-                                overscanCount={5}
-                            >
-                                {ListItem}
-                            </List>
+            ) : (
+                <>
+                    <Typography py={2} px={1} fontWeight={600}>
+                        {template?.title.value ?? ""}
+                    </Typography>
+                    <ScrollBox pb={2} flex={1}>
+                        {items.length === 0 ? (
+                            <Typography px={1}>{t("noForms")}</Typography>
+                        ) : (
+                            <AutoSizer disableWidth>
+                                {({ height }) => (
+                                    <List
+                                        height={height}
+                                        itemCount={filteredItems.length}
+                                        itemSize={48}
+                                        width="100%"
+                                        overscanCount={5}
+                                    >
+                                        {ListItem}
+                                    </List>
+                                )}
+                            </AutoSizer>
                         )}
-                    </AutoSizer>
-                )}
-            </ScrollBox>
+                    </ScrollBox>
+                </>
+            )}
             <FormFilterMenu
                 anchorEl={filterMenuAnchor}
                 open={Boolean(filterMenuAnchor)}
diff --git a/src/features/forms/routes/object.tsx b/src/features/forms/routes/object.tsx
index dab6fbda..d3e2f86d 100644
--- a/src/features/forms/routes/object.tsx
+++ b/src/features/forms/routes/object.tsx
@@ -18,7 +18,7 @@ import { Redirect, useHistory, useParams } from "react-router-dom";
 import { useAppDispatch, useAppSelector } from "app/redux-store-interactions";
 import { Divider, ScrollBox } from "components";
 import { useExplorerGlobals } from "contexts/explorerGlobals";
-import { highlightActions, useDispatchHighlighted, useHighlighted } from "contexts/highlighted";
+import { highlightActions, useDispatchHighlighted } from "contexts/highlighted";
 import { renderActions } from "features/render";
 import { useAbortController } from "hooks/useAbortController";
 import { useSceneId } from "hooks/useSceneId";
@@ -39,7 +39,6 @@ export function Object() {
     const sceneId = useSceneId();
     const currentFormsList = useAppSelector(selectCurrentFormsList);
     const [abortController] = useAbortController();
-    const { idArr: highlighted } = useHighlighted();
     const dispatch = useAppDispatch();
     const dispatchHighlighted = useDispatchHighlighted();
 
@@ -82,18 +81,7 @@ export function Object() {
         fetchData();
     }, [id, db, abortSignal, dispatch]);
 
-    useEffect(() => {
-        if (!id || highlighted.includes(+id)) {
-            return;
-        }
-        dispatchHighlighted(highlightActions.setIds([+id]));
-    }, [dispatchHighlighted, id, highlighted]);
-
-    const {
-        data: forms,
-        isLoading: formsLoading,
-        isUninitialized,
-    } = useGetSearchFormsQuery(
+    const { data: forms = [], isLoading: formsLoading } = useGetSearchFormsQuery(
         object?.guid
             ? {
                   projectId: sceneId,
@@ -147,7 +135,7 @@ export function Object() {
                     </Button>
                 </Box>
             </Box>
-            {isLoading || formsLoading || isUninitialized ? (
+            {isLoading || formsLoading ? (
                 <Box position="relative">
                     <LinearProgress />
                 </Box>