Add usePushProblemReport history hook

2 files changed, 22 insertions, 0 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/history/hooks/index.ts b/desktop/packages/mullvad-vpn/src/renderer/history/hooks/index.ts
index b9448e4c39..f22b1d9062 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/history/hooks/index.ts
+++ b/desktop/packages/mullvad-vpn/src/renderer/history/hooks/index.ts
@@ -1,3 +1,4 @@
 export * from './usePop';
 export * from './usePushAppUpgrade';
 export * from './usePushChangelog';
+export * from './usePushProblemReport';
diff --git a/desktop/packages/mullvad-vpn/src/renderer/history/hooks/usePushProblemReport.ts b/desktop/packages/mullvad-vpn/src/renderer/history/hooks/usePushProblemReport.ts
new file mode 100644
index 0000000000..04fc94dc2a
--- /dev/null
+++ b/desktop/packages/mullvad-vpn/src/renderer/history/hooks/usePushProblemReport.ts
@@ -0,0 +1,21 @@
+import { useCallback } from 'react';
+import { useHistory } from 'react-router';
+
+import { RoutePath } from '../../lib/routes';
+
+export type PushProblemReportProps = {
+  search?: string;
+};
+
+export const usePushProblemReport = ({ search }: PushProblemReportProps = {}) => {
+  const history = useHistory();
+
+  const pushProblemReport = useCallback(() => {
+    history.push({
+      pathname: RoutePath.problemReport,
+      search,
+    });
+  }, [history, search]);
+
+  return pushProblemReport;
+};