9686842433

Committed 26 Jun 2024 09:13PM UTC coverage: 0.359% (-14.3%) from 14.62%

Build # 9686842433

Build Type

Pull #7954

github

Committed by

web-flow

Commit Message

Merge 4e9df7bbe into 4b0cef8c2

Pull Request Pull Request #7954: added mixpanel analyticst to show pwa use

Run Details

66 of 15899 branches covered (0.42%)

Branch coverage included in aggregate %.

0 of 60 new or added lines in 46 files covered. (0.0%)

3532 existing lines in 332 files now uncovered.

103 of 31209 relevant lines covered (0.33%)

0.01 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/packages/commonwealth/client/scripts/views/pages/user_dashboard/index.tsx

import { useFlag } from 'client/scripts/hooks/useFlag';
import { notifyInfo } from 'controllers/app/notifications';
import { useBrowserAnalyticsTrack } from 'hooks/useBrowserAnalyticsTrack';
import useBrowserWindow from 'hooks/useBrowserWindow';
import useStickyHeader from 'hooks/useStickyHeader';
import useUserLoggedIn from 'hooks/useUserLoggedIn';
import { useCommonNavigate } from 'navigation/helpers';
import 'pages/user_dashboard/index.scss';
import React, { useEffect } from 'react';
import app, { LoginState } from 'state';
import CWPageLayout from 'views/components/component_kit/new_designs/CWPageLayout';
import {
  MixpanelPageViewEvent,
  MixpanelPWAEvent,
} from '../../../../../shared/analytics/types';
import useAppStatus from '../../../hooks/useAppStatus';
import DashboardActivityNotification from '../../../models/DashboardActivityNotification';
import { CWText } from '../../components/component_kit/cw_text';
import {
  CWTab,
  CWTabsRow,
} from '../../components/component_kit/new_designs/CWTabs';
import { Feed } from '../../components/feed';
import { fetchActivity } from './helpers';
import { TrendingCommunitiesPreview } from './TrendingCommunitiesPreview';

export enum DashboardViews {
  ForYou = 'For You',
  Global = 'Global',
}

type UserDashboardProps = {
  type?: string;
};

const UserDashboard = (props: UserDashboardProps) => {
  const { type } = props;
  const { isLoggedIn } = useUserLoggedIn();
  const { isWindowExtraSmall } = useBrowserWindow({});
  const userOnboardingEnabled = useFlag('userOnboardingEnabled');
  useStickyHeader({
    elementId: 'dashboard-header',
    zIndex: 70,
    // To account for new authentication buttons, shown in small screen sizes
    top: !isLoggedIn && userOnboardingEnabled ? 68 : 0,
    stickyBehaviourEnabled: !!isWindowExtraSmall,
  });

  const [activePage, setActivePage] = React.useState<DashboardViews>(
    DashboardViews.Global,
  );

  const { isAddedToHomeScreen } = useAppStatus();

  useBrowserAnalyticsTrack({
    payload: {
      event: MixpanelPageViewEvent.DASHBOARD_VIEW,
      isPWA: isAddedToHomeScreen,
    },
  });

  const navigate = useCommonNavigate();

  const [scrollElement, setScrollElement] = React.useState(null);

  const loggedIn = app.loginState === LoginState.LoggedIn;

  useBrowserAnalyticsTrack({
    payload: {
      event: isAddedToHomeScreen
        ? MixpanelPWAEvent.PWA_USED
        : MixpanelPWAEvent.PWA_NOT_USED,
      isPWA: isAddedToHomeScreen,
    },
  });
  useEffect(() => {
    if (!type) {
      navigate(`/dashboard/${loggedIn ? 'for-you' : 'global'}`);
    } else if (type === 'for-you' && !loggedIn) {
      navigate('/dashboard/global');
    }
  }, [loggedIn, navigate, type]);

  const subpage: DashboardViews =
    loggedIn && type !== 'global'
      ? DashboardViews.ForYou
      : DashboardViews.Global;

  useEffect(() => {
    if (!activePage || activePage !== subpage) {
      setActivePage(subpage);
    }
  }, [activePage, subpage]);

  return (
    <CWPageLayout>
      <div className="UserDashboard" key={`${isLoggedIn}`}>
        <CWText type="h2" fontWeight="medium" className="page-header">
          Home
        </CWText>
        {/*@ts-expect-error StrictNullChecks*/}
        <div ref={setScrollElement} className="content">
          <div className="user-dashboard-activity">
            <div className="dashboard-header" id="dashboard-header">
              <CWTabsRow>
                <CWTab
                  label={DashboardViews.ForYou}
                  isSelected={activePage === DashboardViews.ForYou}
                  onClick={() => {
                    if (!loggedIn) {
                      notifyInfo(
                        'Sign in or create an account for custom activity feed',
                      );
                      return;
                    }
                    navigate('/dashboard/for-you');
                  }}
                />
                <CWTab
                  label={DashboardViews.Global}
                  isSelected={activePage === DashboardViews.Global}
                  onClick={() => {
                    navigate('/dashboard/global');
                  }}
                />
              </CWTabsRow>
            </div>
            <>
              {activePage === DashboardViews.ForYou && (
                <Feed
                  fetchData={() => fetchActivity(activePage)}
                  noFeedMessage="Join some communities to see Activity!"
                  onFetchedDataCallback={DashboardActivityNotification.fromJSON}
                  // @ts-expect-error <StrictNullChecks/>
                  customScrollParent={scrollElement}
                />
              )}
              {activePage === DashboardViews.Global && (
                <Feed
                  fetchData={() => fetchActivity(activePage)}
                  noFeedMessage="No Activity"
                  onFetchedDataCallback={DashboardActivityNotification.fromJSON}
                  // @ts-expect-error <StrictNullChecks/>
                  customScrollParent={scrollElement}
                />
              )}
            </>
          </div>
          <TrendingCommunitiesPreview />
        </div>
      </div>
    </CWPageLayout>
  );
};

export default UserDashboard;

1	import { useFlag } from 'client/scripts/hooks/useFlag';
2	import { notifyInfo } from 'controllers/app/notifications';
3	import { useBrowserAnalyticsTrack } from 'hooks/useBrowserAnalyticsTrack';
4	import useBrowserWindow from 'hooks/useBrowserWindow';
5	import useStickyHeader from 'hooks/useStickyHeader';
6	import useUserLoggedIn from 'hooks/useUserLoggedIn';
7	import { useCommonNavigate } from 'navigation/helpers';
8	import 'pages/user_dashboard/index.scss';
9	import React, { useEffect } from 'react';
10	import app, { LoginState } from 'state';
11	import CWPageLayout from 'views/components/component_kit/new_designs/CWPageLayout';
12	import {
13	MixpanelPageViewEvent,
14	MixpanelPWAEvent,
15	} from '../../../../../shared/analytics/types';
16	import useAppStatus from '../../../hooks/useAppStatus';
17	import DashboardActivityNotification from '../../../models/DashboardActivityNotification';
18	import { CWText } from '../../components/component_kit/cw_text';
19	import {
20	CWTab,
21	CWTabsRow,
22	} from '../../components/component_kit/new_designs/CWTabs';
23	import { Feed } from '../../components/feed';
24	import { fetchActivity } from './helpers';
25	import { TrendingCommunitiesPreview } from './TrendingCommunitiesPreview';
26
27	export enum DashboardViews {	×
28	ForYou = 'For You',	×
29	Global = 'Global',	×
30	}
31
32	type UserDashboardProps = {
33	type?: string;
34	};
35
36	const UserDashboard = (props: UserDashboardProps) => {	×
37	const { type } = props;	×
38	const { isLoggedIn } = useUserLoggedIn();	×
39	const { isWindowExtraSmall } = useBrowserWindow({});	×
40	const userOnboardingEnabled = useFlag('userOnboardingEnabled');	×
41	useStickyHeader({	×
42	elementId: 'dashboard-header',
43	zIndex: 70,
44	// To account for new authentication buttons, shown in small screen sizes
45	top: !isLoggedIn && userOnboardingEnabled ? 68 : 0,	×
46	stickyBehaviourEnabled: !!isWindowExtraSmall,
47	});
48
49	const [activePage, setActivePage] = React.useState<DashboardViews>(	×
50	DashboardViews.Global,
51	);
52
NEW 53	const { isAddedToHomeScreen } = useAppStatus();	×
54
UNCOV 55	useBrowserAnalyticsTrack({	×
56	payload: {
57	event: MixpanelPageViewEvent.DASHBOARD_VIEW,
58	isPWA: isAddedToHomeScreen,
59	},
60	});
61
62	const navigate = useCommonNavigate();	×
63
64	const [scrollElement, setScrollElement] = React.useState(null);	×
65
66	const loggedIn = app.loginState === LoginState.LoggedIn;	×
67
NEW 68	useBrowserAnalyticsTrack({	×
69	payload: {
70	event: isAddedToHomeScreen	×
71	? MixpanelPWAEvent.PWA_USED
72	: MixpanelPWAEvent.PWA_NOT_USED,
73	isPWA: isAddedToHomeScreen,
74	},
75	});
76	useEffect(() => {	×
77	if (!type) {	×
78	navigate(`/dashboard/${loggedIn ? 'for-you' : 'global'}`);	×
79	} else if (type === 'for-you' && !loggedIn) {	×
80	navigate('/dashboard/global');	×
81	}
82	}, [loggedIn, navigate, type]);
83
84	const subpage: DashboardViews =
85	loggedIn && type !== 'global'	×
86	? DashboardViews.ForYou
87	: DashboardViews.Global;
88
89	useEffect(() => {	×
90	if (!activePage \|\| activePage !== subpage) {	×
91	setActivePage(subpage);	×
92	}
93	}, [activePage, subpage]);
94
95	return (	×
96	<CWPageLayout>
97	<div className="UserDashboard" key={`${isLoggedIn}`}>
98	<CWText type="h2" fontWeight="medium" className="page-header">
99	Home
100	</CWText>
101	{/@ts-expect-error StrictNullChecks/}
102	<div ref={setScrollElement} className="content">
103	<div className="user-dashboard-activity">
104	<div className="dashboard-header" id="dashboard-header">
105	<CWTabsRow>
106	<CWTab
107	label={DashboardViews.ForYou}
108	isSelected={activePage === DashboardViews.ForYou}
109	onClick={() => {
110	if (!loggedIn) {	×
111	notifyInfo(	×
112	'Sign in or create an account for custom activity feed',
113	);
114	return;	×
115	}
116	navigate('/dashboard/for-you');	×
117	}}
118	/>
119	<CWTab
120	label={DashboardViews.Global}
121	isSelected={activePage === DashboardViews.Global}
122	onClick={() => {
123	navigate('/dashboard/global');	×
124	}}
125	/>
126	</CWTabsRow>
127	</div>
128	<>
129	{activePage === DashboardViews.ForYou && (	×
130	<Feed
131	fetchData={() => fetchActivity(activePage)}	×
132	noFeedMessage="Join some communities to see Activity!"
133	onFetchedDataCallback={DashboardActivityNotification.fromJSON}
134	// @ts-expect-error <StrictNullChecks/>
135	customScrollParent={scrollElement}
136	/>
137	)}
138	{activePage === DashboardViews.Global && (	×
139	<Feed
140	fetchData={() => fetchActivity(activePage)}	×
141	noFeedMessage="No Activity"
142	onFetchedDataCallback={DashboardActivityNotification.fromJSON}
143	// @ts-expect-error <StrictNullChecks/>
144	customScrollParent={scrollElement}
145	/>
146	)}
147	</>
148	</div>
149	<TrendingCommunitiesPreview />
150	</div>
151	</div>
152	</CWPageLayout>
153	);
154	};
155
156	export default UserDashboard;

hicommonwealth / commonwealth / 9686842433

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous