Remove unneeded code from AccountSearch

app/soapbox/components/account-search.tsx

@@ -5,7 +5,6 @@ import { defineMessages, useIntl } from 'react-intl';
 import AutosuggestAccountInput from 'soapbox/components/autosuggest-account-input';
 
 import SvgIcon from './ui/icon/svg-icon';
-import { InputThemes } from './ui/input/input';
 
 const messages = defineMessages({
   placeholder: { id: 'account_search.placeholder', defaultMessage: 'Search for an account' },
@@ -16,20 +15,10 @@ interface IAccountSearch {
   onSelected: (accountId: string) => void,
   /** Override the default placeholder of the input. */
   placeholder?: string,
-  /** Position of results relative to the input. */
-  resultsPosition?: 'above' | 'below',
-  /** Optional class for the input */
-  className?: string,
-  autoFocus?: boolean,
-  hidePortal?: boolean,
-  theme?: InputThemes,
-  showButtons?: boolean,
-  /** Search only among people who follow you (TruthSocial). */
-  followers?: boolean,
 }
 
 /** Input to search for accounts. */
-const AccountSearch: React.FC<IAccountSearch> = ({ onSelected, className, showButtons = true, ...rest }) => {
+const AccountSearch: React.FC<IAccountSearch> = ({ onSelected, ...rest }) => {
   const intl = useIntl();
 
   const [value, setValue] = useState('');
@@ -71,7 +60,7 @@ const AccountSearch: React.FC<IAccountSearch> = ({ onSelected, className, showBu
 
       <div className='relative'>
         <AutosuggestAccountInput
-          className={classNames('rounded-full', className)}
+          className='rounded-full'
           placeholder={intl.formatMessage(messages.placeholder)}
           value={value}
           onChange={handleChange}
@@ -80,25 +69,23 @@ const AccountSearch: React.FC<IAccountSearch> = ({ onSelected, className, showBu
           {...rest}
         />
 
-        {showButtons && (
+        <div
-          <div
+          role='button'
-            role='button'
+          tabIndex={0}
-            tabIndex={0}
+          className='absolute inset-y-0 right-0 px-3 flex items-center cursor-pointer'
-            className='absolute inset-y-0 right-0 px-3 flex items-center cursor-pointer'
+          onClick={handleClear}
-            onClick={handleClear}
+        >
-          >
+          <SvgIcon
-            <SvgIcon
+            src={require('@tabler/icons/search.svg')}
-              src={require('@tabler/icons/search.svg')}
+            className={classNames('h-4 w-4 text-gray-400', { hidden: !isEmpty() })}
-              className={classNames('h-4 w-4 text-gray-400', { hidden: !isEmpty() })}
+          />
-            />
 
-            <SvgIcon
+          <SvgIcon
-              src={require('@tabler/icons/x.svg')}
+            src={require('@tabler/icons/x.svg')}
-              className={classNames('h-4 w-4 text-gray-400', { hidden: isEmpty() })}
+            className={classNames('h-4 w-4 text-gray-400', { hidden: isEmpty() })}
-              aria-label={intl.formatMessage(messages.placeholder)}
+            aria-label={intl.formatMessage(messages.placeholder)}
-            />
+          />
-          </div>
+        </div>
-        )}
       </div>
     </div>
   );

app/soapbox/components/autosuggest-account-input.tsx

@@ -22,8 +22,6 @@ interface IAutosuggestAccountInput {
   menu?: Menu,
   onKeyDown?: React.KeyboardEventHandler,
   theme?: InputThemes,
-  /** Search only among people who follow you (TruthSocial). */
-  followers?: boolean,
 }
 
 const AutosuggestAccountInput: React.FC<IAutosuggestAccountInput> = ({
@@ -31,7 +29,6 @@ const AutosuggestAccountInput: React.FC<IAutosuggestAccountInput> = ({
   onSelected,
   value = '',
   limit = 4,
-  followers = false,
   ...rest
 }) => {
   const dispatch = useAppDispatch();
@@ -48,7 +45,7 @@ const AutosuggestAccountInput: React.FC<IAutosuggestAccountInput> = ({
   };
 
   const handleAccountSearch = useCallback(throttle(q => {
-    const params = { q, limit, followers, resolve: false };
+    const params = { q, limit, resolve: false };
 
     dispatch(accountSearch(params, controller.current.signal))
       .then((accounts: { id: string }[]) => {

app/soapbox/components/autosuggest-input.tsx

@@ -31,7 +31,6 @@ export interface IAutosuggestInput extends Pick<React.HTMLAttributes<HTMLInputEl
   searchTokens: string[],
   maxLength?: number,
   menu?: Menu,
-  resultsPosition: string,
   renderSuggestion?: React.FC<{ id: string }>,
   hidePortal?: boolean,
   theme?: InputThemes,
@@ -43,7 +42,6 @@ export default class AutosuggestInput extends ImmutablePureComponent<IAutosugges
     autoFocus: false,
     autoSelect: true,
     searchTokens: ImmutableList(['@', ':', '#']),
-    resultsPosition: 'below',
   };
 
   getFirstIndex = () => {
@@ -260,19 +258,15 @@ export default class AutosuggestInput extends ImmutablePureComponent<IAutosugges
 
     const { top, height, left, width } = this.input.getBoundingClientRect();
 
-    if (this.props.resultsPosition === 'below') {
+    return { left, width, top: top + height };
-      return { left, width, top: top + height };
-    }
-
-    return { left, width, top, transform: 'translate(0, -100%)' };
   }
 
   render() {
-    const { hidePortal, value, suggestions, disabled, placeholder, onKeyUp, autoFocus, className, id, maxLength, menu, theme } = this.props;
+    const { value, suggestions, disabled, placeholder, onKeyUp, autoFocus, className, id, maxLength, menu, theme } = this.props;
     const { suggestionsHidden } = this.state;
     const style: React.CSSProperties = { direction: 'ltr' };
 
-    const visible = !hidePortal && !suggestionsHidden && (!suggestions.isEmpty() || (menu && value));
+    const visible = !suggestionsHidden && (!suggestions.isEmpty() || (menu && value));
 
     if (isRtl(value)) {
       style.direction = 'rtl';