diff --git a/.gitignore b/.gitignore
index 1437c53..8e53e96 100644
--- a/.gitignore
+++ b/.gitignore
@@ -32,3 +32,6 @@ yarn-error.log*
# vercel
.vercel
+
+# Sentry Config File
+.env.sentry-build-plugin
diff --git a/components/loginout.js b/components/loginout.js
index 3fc2ac5..6597067 100644
--- a/components/loginout.js
+++ b/components/loginout.js
@@ -1,11 +1,18 @@
import { useSession } from 'next-auth/react';
import Link from 'next/link';
+import { useEffect } from 'react';
import Nav from 'react-bootstrap/Nav';
import { useSelector } from 'react-redux';
+import * as Sentry from "@sentry/nextjs";
function LoginOut() {
const { data: session } = useSession();
const currentUserInfo = useSelector((state) => state.currentUser);
+ useEffect(() => {
+ if (currentUserInfo.loaded) {
+ Sentry.setUser({ id: currentUserInfo.id, username: currentUserInfo.username });
+ }
+ }, [session, currentUserInfo.loaded]);
// const loginStatus = useSelector((state) => state.loginStatus);
return session ? (
diff --git a/components/recorder.js b/components/recorder.js
index d62222d..d5766a0 100644
--- a/components/recorder.js
+++ b/components/recorder.js
@@ -14,7 +14,7 @@ import {
FaVolumeDown,
FaVolumeUp,
FaRegTrashAlt,
- FaDownload
+ FaDownload,
} from 'react-icons/fa';
import { useDispatch, useSelector } from 'react-redux';
import ListGroup from 'react-bootstrap/ListGroup';
@@ -89,7 +89,7 @@ function AudioViewer({ src }) {
height: '1.05em',
cursor: 'pointer',
color: 'red',
- paddingLeft: '2px'
+ paddingLeft: '2px',
}}
onClick={toggleVolume}
/>
@@ -112,7 +112,7 @@ function AudioViewer({ src }) {
width: '1.23em',
height: '1.23em',
cursor: 'pointer',
- paddingLeft: '3px'
+ paddingLeft: '3px',
}}
onClick={toggleVolume}
/>
@@ -131,7 +131,7 @@ function AudioViewer({ src }) {
cursorWidth: 3,
height: 200,
barGap: 3,
- dragToSeek: true
+ dragToSeek: true,
// plugins:[
// WaveSurferRegions.create({maxLength: 60}),
// WaveSurferTimeLinePlugin.create({container: containerT.current})
@@ -161,7 +161,7 @@ function AudioViewer({ src }) {
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center',
- margin: '0 1rem 0 1rem'
+ margin: '0 1rem 0 1rem',
}}
>