From 79e707a2325d758e019a8029da3e57d0c69be432 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Sat, 24 Feb 2024 17:14:06 +0300
Subject: [PATCH] apps/web: add sentry scope to set user on client

---
 apps/web/pages/index.jsx         |  9 +++++----
 apps/web/pages/unlimited.jsx     | 11 ++++++-----
 apps/web/process/hooks/index.ts  |  1 +
 apps/web/process/hooks/sentry.ts | 16 ++++++++++++++++
 4 files changed, 28 insertions(+), 9 deletions(-)
 create mode 100644 apps/web/process/hooks/sentry.ts

diff --git a/apps/web/pages/index.jsx b/apps/web/pages/index.jsx
index baeebb5..475d3d2 100644
--- a/apps/web/pages/index.jsx
+++ b/apps/web/pages/index.jsx
@@ -6,14 +6,15 @@ import { Grid } from '@/Components/Layout/Page';
 import Output from '@/Components/Output';
 import { defaultRoles } from '@/config/users';
 import * as CRMTypes from '@/graphql/crm.types';
-import { useInsuranceData, useMainData, useReactions } from '@/process/hooks';
+import * as hooks from '@/process/hooks';
 import { dehydrate, QueryClient } from '@tanstack/react-query';
 import Head from 'next/head';
 
 export default function Home(props) {
-  useMainData();
-  useInsuranceData();
-  useReactions();
+  hooks.useSentryScope();
+  hooks.useMainData();
+  hooks.useInsuranceData();
+  hooks.useReactions();
 
   if (props.statusCode !== 200) return <Error {...props} />;
 
diff --git a/apps/web/pages/unlimited.jsx b/apps/web/pages/unlimited.jsx
index d5d8c4f..9e36cf5 100644
--- a/apps/web/pages/unlimited.jsx
+++ b/apps/web/pages/unlimited.jsx
@@ -4,7 +4,7 @@ import { Error } from '@/Components/Common/Error';
 import { Grid } from '@/Components/Layout/Page';
 import Output from '@/Components/Output';
 import { unlimitedRoles } from '@/config/users';
-import { useGetUsers, useInsuranceData, useMainData, useReactions } from '@/process/hooks';
+import * as hooks from '@/process/hooks';
 import { useStore } from '@/stores/hooks';
 import Head from 'next/head';
 
@@ -12,10 +12,11 @@ export default function Unlimited(props) {
   const store = useStore();
   store.$process.add('Unlimited');
 
-  useMainData();
-  useGetUsers();
-  useInsuranceData();
-  useReactions();
+  hooks.useSentryScope();
+  hooks.useMainData();
+  hooks.useGetUsers();
+  hooks.useInsuranceData();
+  hooks.useReactions();
 
   if (props.statusCode !== 200) return <Error {...props} />;
 
diff --git a/apps/web/process/hooks/index.ts b/apps/web/process/hooks/index.ts
index 07c491c..ec8a3b4 100644
--- a/apps/web/process/hooks/index.ts
+++ b/apps/web/process/hooks/index.ts
@@ -1,3 +1,4 @@
 export * from './common';
 export * from './init';
 export * from './reactions';
+export * from './sentry';
diff --git a/apps/web/process/hooks/sentry.ts b/apps/web/process/hooks/sentry.ts
new file mode 100644
index 0000000..62fcebd
--- /dev/null
+++ b/apps/web/process/hooks/sentry.ts
@@ -0,0 +1,16 @@
+import { getUser } from '@/api/user/query';
+import { STALE_TIME } from '@/constants/request';
+import { getCurrentScope } from '@sentry/nextjs';
+import { useQuery } from '@tanstack/react-query';
+import { useEffect } from 'react';
+
+export function useSentryScope() {
+  const { data: user } = useQuery(['user'], ({ signal }) => getUser({ signal }), {
+    staleTime: STALE_TIME,
+  });
+
+  useEffect(() => {
+    const scope = getCurrentScope();
+    if (user) scope.setUser(user);
+  }, []);
+}