feat: Pin to home (#2880)

app/hooks/useActionContext.ts

@@ -0,0 +1,32 @@
+import { useTranslation } from "react-i18next";
+import { useLocation } from "react-router";
+import useStores from "~/hooks/useStores";
+import { ActionContext } from "~/types";
+
+/**
+ * Hook to get the current action context, an object that is passed to all
+ * action definitions.
+ *
+ * @param overrides Overides of the default action context.
+ * @returns The current action context.
+ */
+export default function useActionContext(
+  overrides?: Partial<ActionContext>
+): ActionContext {
+  const stores = useStores();
+  const { t } = useTranslation();
+  const location = useLocation();
+
+  return {
+    isContextMenu: false,
+    isCommandBar: false,
+    activeCollectionId: stores.ui.activeCollectionId,
+    activeDocumentId: stores.ui.activeDocumentId,
+    currentUserId: stores.auth.user?.id,
+    currentTeamId: stores.auth.team?.id,
+    ...overrides,
+    location,
+    stores,
+    t,
+  };
+}

app/hooks/useCommandBarActions.ts

@@ -1,24 +1,21 @@
 import { useRegisterActions } from "kbar";
 import { flattenDeep } from "lodash";
-import { useTranslation } from "react-i18next";
 import { useLocation } from "react-router-dom";
 import { actionToKBar } from "~/actions";
-import useStores from "~/hooks/useStores";
 import { Action } from "~/types";
+import useActionContext from "./useActionContext";
 
+/**
+ * Hook to add actions to the command bar while the hook is inside a mounted
+ * component.
+ *
+ * @param actions actions to make available
+ */
 export default function useCommandBarActions(actions: Action[]) {
-  const stores = useStores();
-  const { t } = useTranslation();
   const location = useLocation();
-  const context = {
-    t,
+  const context = useActionContext({
     isCommandBar: true,
-    isContextMenu: false,
-    activeCollectionId: stores.ui.activeCollectionId,
-    activeDocumentId: stores.ui.activeDocumentId,
-    location,
-    stores,
-  };
+  });
 
   const registerable = flattenDeep(
     actions.map((action) => actionToKBar(action, context))