diff --git a/src/components/modules/shared/SearchFAB.tsx b/src/components/modules/shared/SearchFAB.tsx index 3d601bd01b..30ccf09999 100644 --- a/src/components/modules/shared/SearchFAB.tsx +++ b/src/components/modules/shared/SearchFAB.tsx @@ -217,6 +217,7 @@ const SearchPanelImpl = () => { ) const isLogged = useIsLogged() + return ( {
{!keyword ? ( - ) : !isLoading ? ( + ) : ( - ) : null} + )} {!data && isLoading && isFetching && (
@@ -281,6 +282,12 @@ const SearchPanelImpl = () => { return }) )} + + {data.length === 0 && isLoading && ( +
+
+
+ )}
diff --git a/src/hooks/common/use-input-composition.ts b/src/hooks/common/use-input-composition.ts index fa86f3c134..fe6252acc7 100644 --- a/src/hooks/common/use-input-composition.ts +++ b/src/hooks/common/use-input-composition.ts @@ -2,7 +2,7 @@ import { useCallback, useRef } from 'react' import type { CompositionEventHandler } from 'react' export const useInputComposition = ( - props: + props: Pick< | React.DetailedHTMLProps< React.InputHTMLAttributes, HTMLInputElement @@ -11,6 +11,8 @@ export const useInputComposition = ( React.TextareaHTMLAttributes, HTMLTextAreaElement >, + 'onKeyDown' | 'onCompositionEnd' | 'onCompositionStart' + >, ) => { const { onKeyDown, onCompositionStart, onCompositionEnd } = props