diff --git a/lib/hooks/promote-sidebar.react.js b/lib/hooks/promote-sidebar.react.js
new file mode 100644
index 000000000..f111032e6
--- /dev/null
+++ b/lib/hooks/promote-sidebar.react.js
@@ -0,0 +1,59 @@
+// @flow
+
+import * as React from 'react';
+
+import {
+  changeThreadSettingsActionTypes,
+  changeThreadSettings,
+} from '../actions/thread-actions';
+import { createLoadingStatusSelector } from '../selectors/loading-selectors';
+import type { LoadingStatus } from '../types/loading-types';
+import { threadTypes, type ThreadInfo } from '../types/thread-types';
+import { useServerCall, useDispatchActionPromise } from '../utils/action-utils';
+import { useSelector } from '../utils/redux-utils';
+
+type PromoteSidebarType = {
+  +onPromoteSidebar: () => void,
+  +loading: LoadingStatus,
+};
+
+function usePromoteSidebar(
+  threadInfo: ThreadInfo,
+  onError?: () => mixed,
+): PromoteSidebarType {
+  const dispatchActionPromise = useDispatchActionPromise();
+  const callChangeThreadSettings = useServerCall(changeThreadSettings);
+  const loadingStatusSelector = createLoadingStatusSelector(
+    changeThreadSettingsActionTypes,
+  );
+  const loadingStatus = useSelector(loadingStatusSelector);
+
+  const onClick = React.useCallback(() => {
+    try {
+      dispatchActionPromise(
+        changeThreadSettingsActionTypes,
+        (async () => {
+          return await callChangeThreadSettings({
+            threadID: threadInfo.id,
+            changes: { type: threadTypes.COMMUNITY_OPEN_SUBTHREAD },
+          });
+        })(),
+      );
+    } catch (e) {
+      onError?.();
+      throw e;
+    }
+  }, [threadInfo.id, callChangeThreadSettings, dispatchActionPromise, onError]);
+
+  const returnValues = React.useMemo(
+    () => ({
+      onPromoteSidebar: onClick,
+      loading: loadingStatus,
+    }),
+    [onClick, loadingStatus],
+  );
+
+  return returnValues;
+}
+
+export { usePromoteSidebar };