Use StatusActionBar for both types of statuses

app/soapbox/components/status_action_bar.tsx

@@ -73,6 +73,7 @@ interface IStatusActionBar extends RouteComponentProps {
   onOpenReblogsModal: (acct: string, statusId: string) => void,
   onReply: (status: Status) => void,
   onFavourite: (status: Status) => void,
+  onEmojiReact: (status: Status, emoji: string) => void,
   onBookmark: (status: Status) => void,
   onReblog: (status: Status, e: React.MouseEvent) => void,
   onQuote: (status: Status) => void,
@@ -91,8 +92,8 @@ interface IStatusActionBar extends RouteComponentProps {
   onDeleteStatus: (status: Status) => void,
   onMuteConversation: (status: Status) => void,
   onPin: (status: Status) => void,
-  withDismiss: boolean,
+  withDismiss?: boolean,
-  withGroupAdmin: boolean,
+  withGroupAdmin?: boolean,
   intl: IntlShape,
   me: string | null | false | undefined,
   isStaff: boolean,
@@ -100,6 +101,7 @@ interface IStatusActionBar extends RouteComponentProps {
   allowedEmoji: ImmutableList<string>,
   emojiSelectorFocused: boolean,
   handleEmojiSelectorUnfocus: () => void,
+  handleEmojiSelectorExpand?: React.EventHandler<React.KeyboardEvent>,
   features: Features,
   history: History,
   dispatch: Dispatch,

app/soapbox/features/status/index.tsx

@@ -49,6 +49,7 @@ import {
 import MissingIndicator from 'soapbox/components/missing_indicator';
 import PullToRefresh from 'soapbox/components/pull-to-refresh';
 import ScrollableList from 'soapbox/components/scrollable_list';
+import StatusActionBar from 'soapbox/components/status_action_bar';
 import SubNavigation from 'soapbox/components/sub_navigation';
 import Tombstone from 'soapbox/components/tombstone';
 import { Column, Stack } from 'soapbox/components/ui';
@@ -58,7 +59,6 @@ import { useAppDispatch, useAppSelector, useSettings, useSoapboxConfig } from 's
 import { makeGetStatus } from 'soapbox/selectors';
 import { defaultMediaVisibility, textForScreenReader } from 'soapbox/utils/status';
 
-import ActionBar from './components/action-bar';
 import DetailedStatus from './components/detailed-status';
 import ThreadLoginCta from './components/thread-login-cta';
 import ThreadStatus from './components/thread-status';
@@ -480,7 +480,7 @@ const Thread: React.FC<IThread> = (props) => {
     e.preventDefault();
   };
 
-  const handleEmojiSelectorUnfocus: React.EventHandler<React.KeyboardEvent> = () => {
+  const handleEmojiSelectorUnfocus = () => {
     setEmojiSelectorFocused(false);
   };
 
@@ -640,7 +640,7 @@ const Thread: React.FC<IThread> = (props) => {
 
           <hr className='mb-2 border-t-2 dark:border-primary-800' />
 
-          <ActionBar
+          <StatusActionBar
             status={status}
             onReply={handleReplyClick}
             onFavourite={handleFavouriteClick}