Default InviewContext to true so wheneven CommentComponent is used …

…outside of the post (search, profile, expand) - it will render controls (#391)
spaceshelter · Aug 23, 2024 · 514bf5c · 514bf5c
1 parent 38bbdb4
commit 514bf5c
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 9 deletions.
diff --git a/frontend/src/Components/UserProfileComments.tsx b/frontend/src/Components/UserProfileComments.tsx
@@ -7,7 +7,6 @@ import {useCache} from '../API/use/useCache';
 import {CommentInfo} from '../Types/PostInfo';
 import CommentComponent from './CommentComponent';
 import {useDebouncedCallback} from 'use-debounce';
-import {InviewContext} from '../Pages/PostPage';
 
 type UserProfileCommentsProps = {
   username: string;
@@ -99,9 +98,7 @@ export default function UserProfileComments(props: UserProfileCommentsProps) {
                 {loading ? <div className={styles.loading}></div> :
                  <>
                     {error && <div className={styles.error}>{styles.error}</div> }
-                    <InviewContext.Provider value={true}>
-
-                    {comments ?
+                     {comments ?
                          comments.map(comment =>
                              <CommentComponent idx={getParentComment(comment.parentComment) ? 1 : 0}
                                                parent={getParentComment(comment.parentComment)} key={comment.id}
@@ -113,7 +110,6 @@ export default function UserProfileComments(props: UserProfileCommentsProps) {
                                  : <div className={styles.loading}>Загрузка...</div>
                          )
                      }
-                    </InviewContext.Provider>
                     <div className={styles.paginatorContainer}>
                         <Paginator page={page} pages={pages} base={`/u/${props.username}/comments`} queryStringParams={params} />
                     </div>

diff --git a/frontend/src/Pages/PostPage.tsx b/frontend/src/Pages/PostPage.tsx
@@ -13,7 +13,7 @@ import {InView} from 'react-intersection-observer';
 
 const THREAD_GROUP_SIZE = 10;
 
-export const InviewContext = createContext<boolean>(false);
+export const InviewContext = createContext<boolean>(true);
 
 export default function PostPage() {
     const params = useParams<{postId: string}>();

diff --git a/frontend/src/Pages/SearchPage.tsx b/frontend/src/Pages/SearchPage.tsx
@@ -11,7 +11,6 @@ import {UserGender} from '../Types/UserInfo';
 import classNames from 'classnames';
 import {useCache} from '../API/use/useCache';
 import {LARGE_AUTO_CUT} from '../Components/ContentComponent';
-import {InviewContext} from './PostPage';
 
 type SearchForm = {
     term: string;
@@ -27,7 +26,6 @@ function SearchResult(props: {
             {!total.value ? 'Ничего не найдено' :
                 <>{total.value.toLocaleString()} найдено {total.value > 250 && <>(250 показано)</>}</>}
         </div>
-        <InviewContext.Provider value={true}>
 
         {results.map((resultItem: SearchResultEntity) => {
             const author = {username: resultItem.author, id: 0, gender: UserGender.fluid};
@@ -64,7 +62,6 @@ function SearchResult(props: {
                                   showSite={true} hideRating={true}/>;
 
         })}
-        </InviewContext.Provider>
     </>;
 }