diff --git a/worklenz-frontend/src/pages/admin-center/projects/projects.tsx b/worklenz-frontend/src/pages/admin-center/projects/projects.tsx
index 46eaf2149..d10a1d40e 100644
--- a/worklenz-frontend/src/pages/admin-center/projects/projects.tsx
+++ b/worklenz-frontend/src/pages/admin-center/projects/projects.tsx
@@ -11,6 +11,8 @@ import { formatDateTimeWithLocale } from '@/utils/format-date-time-with-locale';
import logger from '@/utils/errorLogger';
import { deleteProject } from '@features/projects/projectsSlice';
import './projects.css';
+import { useMixpanelTracking } from '@/hooks/useMixpanelTracking';
+import { evt_admin_center_projects_visit } from '@/shared/worklenz-analytics-events';
import {
Button,
Card,
@@ -39,6 +41,7 @@ const Projects: React.FC = () => {
order: 'desc',
search: '',
});
+ const { trackMixpanelEvent } = useMixpanelTracking();
const dispatch = useAppDispatch();
@@ -70,6 +73,10 @@ const Projects: React.FC = () => {
}
};
+ useEffect(() => {
+ trackMixpanelEvent(evt_admin_center_projects_visit);
+ }, [trackMixpanelEvent]);
+
useEffect(() => {
fetchProjects();
}, [
diff --git a/worklenz-frontend/src/pages/admin-center/teams/teams.tsx b/worklenz-frontend/src/pages/admin-center/teams/teams.tsx
index f5043392e..d5b317344 100644
--- a/worklenz-frontend/src/pages/admin-center/teams/teams.tsx
+++ b/worklenz-frontend/src/pages/admin-center/teams/teams.tsx
@@ -20,6 +20,8 @@ import logger from '@/utils/errorLogger';
import { RootState } from '@/app/store';
import { useTranslation } from 'react-i18next';
import AddTeamDrawer from '@/components/admin-center/teams/add-team-drawer/add-team-drawer';
+import { useMixpanelTracking } from '@/hooks/useMixpanelTracking';
+import { evt_admin_center_teams_visit } from '@/shared/worklenz-analytics-events';
export interface IRequestParams extends IOrganizationTeamRequestParams {
total: number;
@@ -28,6 +30,7 @@ export interface IRequestParams extends IOrganizationTeamRequestParams {
const Teams: React.FC = () => {
const themeMode = useAppSelector((state: RootState) => state.themeReducer.mode);
const { t } = useTranslation('admin-center/teams');
+ const { trackMixpanelEvent } = useMixpanelTracking();
const [showAddTeamDrawer, setShowAddTeamDrawer] = useState(false);
@@ -64,6 +67,11 @@ const Teams: React.FC = () => {
}
};
+ useEffect(() => {
+ trackMixpanelEvent(evt_admin_center_teams_visit);
+ fetchTeams();
+ }, [trackMixpanelEvent]);
+
useEffect(() => {
fetchTeams();
}, [requestParams.search]);
diff --git a/worklenz-frontend/src/pages/admin-center/users/users.tsx b/worklenz-frontend/src/pages/admin-center/users/users.tsx
index d8db586cf..cce10eaef 100644
--- a/worklenz-frontend/src/pages/admin-center/users/users.tsx
+++ b/worklenz-frontend/src/pages/admin-center/users/users.tsx
@@ -11,9 +11,12 @@ import { DEFAULT_PAGE_SIZE, PAGE_SIZE_OPTIONS } from '@/shared/constants';
import logger from '@/utils/errorLogger';
import { formatDateTimeWithLocale } from '@/utils/format-date-time-with-locale';
import SingleAvatar from '@/components/common/single-avatar/single-avatar';
+import { useMixpanelTracking } from '@/hooks/useMixpanelTracking';
+import { evt_admin_center_users_visit } from '@/shared/worklenz-analytics-events';
const Users: React.FC = () => {
const { t } = useTranslation('admin-center/users');
+ const { trackMixpanelEvent } = useMixpanelTracking();
const [isLoading, setIsLoading] = useState(false);
const [users, setUsers] = useState
([]);
@@ -73,6 +76,10 @@ const Users: React.FC = () => {
},
];
+ useEffect(() => {
+ trackMixpanelEvent(evt_admin_center_users_visit);
+ }, [trackMixpanelEvent]);
+
useEffect(() => {
fetchUsers();
}, [requestParams.searchTerm, requestParams.page, requestParams.pageSize]);
diff --git a/worklenz-frontend/src/pages/auth/ForgotPasswordPage.tsx b/worklenz-frontend/src/pages/auth/ForgotPasswordPage.tsx
index da3e35636..e9c76ed86 100644
--- a/worklenz-frontend/src/pages/auth/ForgotPasswordPage.tsx
+++ b/worklenz-frontend/src/pages/auth/ForgotPasswordPage.tsx
@@ -64,7 +64,9 @@ const ForgotPasswordPage = () => {
if (values.email.trim() === '') return;
try {
setIsLoading(true);
- const result = await dispatch(resetPassword(values.email)).unwrap();
+ // Normalize email to lowercase for case-insensitive comparison
+ const normalizedEmail = values.email.toLowerCase().trim();
+ const result = await dispatch(resetPassword(normalizedEmail)).unwrap();
if (result.done) {
trackMixpanelEvent(evt_reset_password_click);
setIsSuccess(true);
diff --git a/worklenz-frontend/src/pages/auth/LoggingOutPage.tsx b/worklenz-frontend/src/pages/auth/LoggingOutPage.tsx
index c5e94c25b..1d6fa3292 100644
--- a/worklenz-frontend/src/pages/auth/LoggingOutPage.tsx
+++ b/worklenz-frontend/src/pages/auth/LoggingOutPage.tsx
@@ -6,16 +6,25 @@ import { useAuthService } from '@/hooks/useAuth';
import { useMediaQuery } from 'react-responsive';
import { authApiService } from '@/api/auth/auth.api.service';
import CacheCleanup from '@/utils/cache-cleanup';
+import { useMixpanelTracking } from '@/hooks/useMixpanelTracking';
+import { evt_common_logout } from '@/shared/worklenz-analytics-events';
const LoggingOutPage = () => {
const navigate = useNavigate();
const auth = useAuthService();
const { t } = useTranslation('auth/auth-common');
const isMobile = useMediaQuery({ query: '(max-width: 576px)' });
+ const { reset, trackMixpanelEvent } = useMixpanelTracking();
useEffect(() => {
const logout = async () => {
try {
+ // Track logout event
+ trackMixpanelEvent(evt_common_logout);
+
+ // Reset Mixpanel identity
+ reset();
+
// Clear local session
await auth.signOut();
diff --git a/worklenz-frontend/src/pages/auth/LoginPage.tsx b/worklenz-frontend/src/pages/auth/LoginPage.tsx
index 1f8b8824a..df4a4ab96 100644
--- a/worklenz-frontend/src/pages/auth/LoginPage.tsx
+++ b/worklenz-frontend/src/pages/auth/LoginPage.tsx
@@ -106,7 +106,13 @@ const LoginPage: React.FC = () => {
// localStorage.setItem(WORKLENZ_REDIRECT_PROJ_KEY, teamId);
// }
- const result = await dispatch(login(values)).unwrap();
+ // Normalize email to lowercase for case-insensitive comparison
+ const normalizedValues = {
+ ...values,
+ email: values.email.toLowerCase().trim()
+ };
+
+ const result = await dispatch(login(normalizedValues)).unwrap();
if (result.authenticated) {
message.success(t('successMessage'));
setSession(result.user);
diff --git a/worklenz-frontend/src/pages/auth/SignupPage.tsx b/worklenz-frontend/src/pages/auth/SignupPage.tsx
index 065989d23..fd3534802 100644
--- a/worklenz-frontend/src/pages/auth/SignupPage.tsx
+++ b/worklenz-frontend/src/pages/auth/SignupPage.tsx
@@ -215,7 +215,7 @@ const SignupPage = () => {
const body = {
name: values.name,
- email: values.email,
+ email: values.email.toLowerCase().trim(),
password: values.password,
};
diff --git a/worklenz-frontend/src/pages/home/home-page.tsx b/worklenz-frontend/src/pages/home/home-page.tsx
index 37b6b618c..c4f3047c3 100644
--- a/worklenz-frontend/src/pages/home/home-page.tsx
+++ b/worklenz-frontend/src/pages/home/home-page.tsx
@@ -129,6 +129,7 @@ const HomePage = memo(() => {
{createPortal(, document.body, 'home-task-drawer')}
{createPortal( {}} />, document.body, 'project-drawer')}
+ {createPortal(, document.body, 'survey-modal')}