Merge branch 'mixpanel' into devops/main

.eslintrc.js

@@ -4,12 +4,7 @@ module.exports = {
     // Add overriden rules here
     'no-console': 'off',
     '@typescript-eslint/no-unused-vars': ['warn'],
-    'import/no-extraneous-dependencies': [
-      'error',
-      {
-        devDependencies: true,
-      },
-    ],
+    'import/no-extraneous-dependencies': 2,
     'prettier/prettier': ['error', { endOfLine: 'auto' }],
   },
 };

client/.eslintrc.js

@@ -7,16 +7,7 @@ module.exports = {
     '@typescript-eslint/no-unused-vars': ['warn'],
     'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
     'prettier/prettier': ['error', { endOfLine: 'auto' }],
-    'import/extensions': [
-      2,
-      'always',
-      {
-        js: 'never',
-        jsx: 'never',
-        ts: 'always',
-        tsx: 'always',
-      },
-    ],
+    'import/extensions': [0, { tsx: 'always' }, { ts: 'always' }],
   },
   env: {
     browser: true,

client/src/components/buttons/InviteUserButton.tsx

@@ -11,7 +11,7 @@ import { postData } from '../../util/api.tsx';
 
 function InviteUserButton() {
   const [open, setOpen] = useState(false);
-  const [email, setEmail] = useState('');
+  const [emails, setEmails] = useState('');
   const [error, setError] = useState('');
   const [loading, setLoading] = useState(false);
 
@@ -27,11 +27,11 @@ function InviteUserButton() {
 
   const handleInvite = async () => {
     setLoading(true);
-    postData('admin/invite', { email }).then((res) => {
+    postData('admin/invite', { emails }).then((res) => {
       if (res.error) {
         setError(res.error.message);
       } else {
-        setAlert(`${email} successfully invited!`, AlertType.SUCCESS);
+        setAlert(`${emails} successfully invited!`, AlertType.SUCCESS);
         setOpen(false);
       }
       setLoading(false);
@@ -40,7 +40,7 @@ function InviteUserButton() {
 
   const updateEmail = (event: React.ChangeEvent<HTMLInputElement>) => {
     setError('');
-    setEmail(event.target.value);
+    setEmails(event.target.value);
   };
 
   return (
@@ -51,13 +51,14 @@ function InviteUserButton() {
       <Dialog open={open} onClose={handleClose}>
         <DialogContent>
           <DialogContentText>
-            Please enter the email address of the user you would like to invite.
+            Please enter one or more email addresses separated by commas. (ex.
+            a@gmail.com, b@outlook.com)
           </DialogContentText>
           <TextField
             autoFocus
             margin="dense"
             id="name"
-            label="Email Address"
+            label="Email Addresses"
             type="email"
             fullWidth
             variant="standard"

docker-compose.yml

@@ -15,4 +15,4 @@ services:
       - "4000:4000"
     env_file: ./server/.env
     environment:
-      - FRONTEND_URL=http://localhost:3000
+      - FRONTEND_URL=http://localhost:3000

server/package.json

@@ -15,6 +15,7 @@
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.1",
     "@sendgrid/mail": "^7.7.0",
+    "@types/mixpanel-browser": "^2.49.0",
     "bcrypt": "^5.0.1",
     "connect-mongo": "^4.6.0",
     "cookie-parser": "^1.4.6",
@@ -26,6 +27,7 @@
     "express-session": "^1.17.2",
     "googleapis": "^108.0.0",
     "jsonwebtoken": "^8.5.1",
+    "mixpanel": "^0.18.0",
     "mongodb-memory-server": "^8.2.0",
     "mongoose": "^6.1.10",
     "passport": "^0.6.0",

server/src/config/configMixpanel.ts

@@ -0,0 +1,9 @@
+import Mixpanel from 'mixpanel';
+
+const token = process.env.MIXPANEL_TOKEN || 'DEFAULT_TOKEN';
+const mixpanel = Mixpanel.init(token);
+
+console.log('Mixpanel initialized with token:', token);
+console.log('Mixpanel:', mixpanel.people);
+
+export default mixpanel;