mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Move search components and hooks to features

Browse source
This commit is contained in:
viown 2025-02-27 15:53:20 +03:00
parent da0cf958d3
commit a63e80ec46
9 changed files with 20 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/hooks/searchHook/useSearchItems.ts → src/apps/stable/features/search/api/useSearchItems.ts
View file

@ -14,7 +14,7 @@ import { getItemsApi } from '@jellyfin/sdk/lib/utils/api/items-api';
import { getPersonsApi } from '@jellyfin/sdk/lib/utils/api/persons-api'; import { getPersonsApi } from '@jellyfin/sdk/lib/utils/api/persons-api';
import { getArtistsApi } from '@jellyfin/sdk/lib/utils/api/artists-api'; import { getArtistsApi } from '@jellyfin/sdk/lib/utils/api/artists-api';
import { useQuery } from '@tanstack/react-query'; import { useQuery } from '@tanstack/react-query';
import { useApi } from '../useApi'; import { useApi } from '../../../../../hooks/useApi';
import type { CardOptions } from 'types/cardOptions'; import type { CardOptions } from 'types/cardOptions';
import { CardShape } from 'utils/card'; import { CardShape } from 'utils/card';

2
src/hooks/searchHook/useSearchSuggestions.ts → src/apps/stable/features/search/api/useSearchSuggestions.ts
View file

@ -4,7 +4,7 @@ import { ItemSortBy } from '@jellyfin/sdk/lib/generated-client';
import { BaseItemKind } from '@jellyfin/sdk/lib/generated-client/models/base-item-kind'; import { BaseItemKind } from '@jellyfin/sdk/lib/generated-client/models/base-item-kind';
import { getItemsApi } from '@jellyfin/sdk/lib/utils/api/items-api'; import { getItemsApi } from '@jellyfin/sdk/lib/utils/api/items-api';
import { useQuery } from '@tanstack/react-query'; import { useQuery } from '@tanstack/react-query';
import { useApi } from '../useApi'; import { useApi } from 'hooks/useApi';
const fetchGetItems = async ( const fetchGetItems = async (
api?: Api, api?: Api,

10
src/components/search/SearchFields.tsx → src/apps/stable/features/search/components/SearchFields.tsx
View file

@ -1,11 +1,11 @@
import React, { type ChangeEvent, type FC, useCallback, useRef } from 'react'; import React, { type ChangeEvent, type FC, useCallback, useRef } from 'react';
import AlphaPicker from '../alphaPicker/AlphaPickerComponent'; import AlphaPicker from '../../../../../components/alphaPicker/AlphaPickerComponent';
import Input from 'elements/emby-input/Input'; import Input from 'elements/emby-input/Input';
import globalize from '../../lib/globalize'; import globalize from '../../../../../lib/globalize';
import layoutManager from '../layoutManager'; import layoutManager from '../../../../../components/layoutManager';
import browser from '../../scripts/browser'; import browser from '../../../../../scripts/browser';
import 'material-design-icons-iconfont'; import 'material-design-icons-iconfont';
import '../../styles/flexstyles.scss'; import 'styles/flexstyles.scss';
import './searchfields.scss'; import './searchfields.scss';
interface SearchFieldsProps { interface SearchFieldsProps {

6
src/components/search/SearchResults.tsx → src/apps/stable/features/search/components/SearchResults.tsx
View file

@ -1,7 +1,7 @@
import React, { type FC } from 'react'; import React, { type FC } from 'react';
import { Section, useSearchItems } from 'hooks/searchHook'; import { Section, useSearchItems } from '../api/useSearchItems';
import globalize from '../../lib/globalize'; import globalize from '../../../../../lib/globalize';
import Loading from '../loading/LoadingComponent'; import Loading from '../../../../../components/loading/LoadingComponent';
import SearchResultsRow from './SearchResultsRow'; import SearchResultsRow from './SearchResultsRow';
import { CardShape } from 'utils/card'; import { CardShape } from 'utils/card';

6
src/components/search/SearchResultsRow.tsx → src/apps/stable/features/search/components/SearchResultsRow.tsx
View file

@ -1,10 +1,10 @@
import type { BaseItemDto } from '@jellyfin/sdk/lib/generated-client'; import type { BaseItemDto } from '@jellyfin/sdk/lib/generated-client';
import React, { type FC, useEffect, useRef } from 'react'; import React, { type FC, useEffect, useRef } from 'react';
import cardBuilder from '../cardbuilder/cardBuilder'; import cardBuilder from 'components/cardbuilder/cardBuilder';
import type { CardOptions } from 'types/cardOptions'; import type { CardOptions } from 'types/cardOptions';
import '../../elements/emby-scroller/emby-scroller'; import 'elements/emby-scroller/emby-scroller';
import '../../elements/emby-itemscontainer/emby-itemscontainer'; import 'elements/emby-itemscontainer/emby-itemscontainer';
// There seems to be some compatibility issues here between // There seems to be some compatibility issues here between
// React and our legacy web components, so we need to inject // React and our legacy web components, so we need to inject

8
src/components/search/SearchSuggestions.tsx → src/apps/stable/features/search/components/SearchSuggestions.tsx
View file

@ -1,12 +1,12 @@
import React, { FunctionComponent } from 'react'; import React, { FunctionComponent } from 'react';
import Loading from 'components/loading/LoadingComponent'; import Loading from 'components/loading/LoadingComponent';
import { appRouter } from '../router/appRouter'; import { appRouter } from '../../../../../components/router/appRouter';
import { useSearchSuggestions } from 'hooks/searchHook/useSearchSuggestions'; import { useSearchSuggestions } from '../api/useSearchSuggestions';
import globalize from 'lib/globalize'; import globalize from 'lib/globalize';
import LinkButton from '../../elements/emby-button/LinkButton'; import LinkButton from '../../../../../elements/emby-button/LinkButton';
import '../../elements/emby-button/emby-button'; import '../../../../../elements/emby-button/emby-button';
type SearchSuggestionsProps = { type SearchSuggestionsProps = {
parentId?: string | null; parentId?: string | null;

0
src/components/search/searchfields.scss → src/apps/stable/features/search/components/searchfields.scss
View file

6
src/apps/stable/routes/search.tsx
View file

@ -4,9 +4,9 @@ import { useDebounceValue } from 'usehooks-ts';
import { usePrevious } from 'hooks/usePrevious'; import { usePrevious } from 'hooks/usePrevious';
import globalize from 'lib/globalize'; import globalize from 'lib/globalize';
import Page from 'components/Page'; import Page from 'components/Page';
import SearchFields from 'components/search/SearchFields'; import SearchFields from 'apps/stable/features/search/components/SearchFields';
import SearchSuggestions from 'components/search/SearchSuggestions'; import SearchSuggestions from 'apps/stable/features/search/components/SearchSuggestions';
import SearchResults from 'components/search/SearchResults'; import SearchResults from 'apps/stable/features/search/components/SearchResults';
const COLLECTION_TYPE_PARAM = 'collectionType'; const COLLECTION_TYPE_PARAM = 'collectionType';
const PARENT_ID_PARAM = 'parentId'; const PARENT_ID_PARAM = 'parentId';

2
src/hooks/searchHook/index.ts
View file

@ -1,2 +0,0 @@
export * from './useSearchItems';
export * from './useSearchSuggestions';