11619380411

Committed 31 Oct 2024 08:27PM UTC coverage: 6.563% (-0.001%) from 6.564%

Build # 11619380411

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9742 from hicommonwealth/burton/fix-the-push-notification-settings

Fixes issues with knock... other than the markdown issues.

Run Details

1000 of 16979 branches covered (5.89%)

Branch coverage included in aggregate %.

0 of 7 new or added lines in 2 files covered. (0.0%)

1 existing line in 1 file now uncovered.

2161 of 31188 relevant lines covered (6.93%)

3.09 hits per line

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

0.0

/packages/commonwealth/client/scripts/views/components/KnockNotifications/KnockNotifications.tsx

import Knock from '@knocklabs/client';
import {
  KnockFeedProvider,
  KnockProvider,
  NotificationFeedPopover,
  NotificationIconButton,
} from '@knocklabs/react';
import '@knocklabs/react-notification-feed/dist/index.css';
import React, { memo, useEffect, useRef, useState } from 'react';
import useUserStore from 'state/ui/user';
import './KnockNotifications.scss';

const KNOCK_PUBLIC_API_KEY =
  process.env.KNOCK_PUBLIC_API_KEY ||
  'pk_test_Hd4ZpzlVcz9bqepJQoo9BvZHokgEqvj4T79fPdKqpYM';

const KNOCK_IN_APP_FEED_ID =
  process.env.KNOCK_IN_APP_FEED_ID || 'fc6e68e5-b7b9-49c1-8fab-6dd7e3510ffb';

const knock = new Knock(KNOCK_PUBLIC_API_KEY);

const getBrowserTimezone = (): string => {
  return Intl.DateTimeFormat().resolvedOptions().timeZone;
};

export const KnockNotifications = memo(function KnockNotifications() {
  const user = useUserStore();
  const [isVisible, setIsVisible] = useState(false);

  const notifButtonRef = useRef(null);

  useEffect(() => {
    if (!user.id || !user.isLoggedIn) {
      return;
    }

    if (!user.knockJWT) {
      console.warn('user knockJWT not set!  Will not attempt to identify.');
      return;
    }

    const timezone = getBrowserTimezone();
    async function doAsync() {
      knock.authenticate(`${user.id}`, user.knockJWT);

      await knock.user.identify({
        id: user.id,
        email: user.email,
        timezone,
      });
    }

    doAsync().catch(console.error);
  }, [user.email, user.id, user.isLoggedIn, user.knockJWT]);

  if (!user.id || !user.isLoggedIn) {
    return null;
  }

  if (!user.knockJWT) {
    return null;
  }

  return (
    <div className="KnockNotifications">
      <KnockProvider
        apiKey={KNOCK_PUBLIC_API_KEY}
        userId={`${user.id}`}
        userToken={user.knockJWT}
      >
        {/* Optionally, use the KnockFeedProvider to connect an in-app feed */}
        <KnockFeedProvider feedId={KNOCK_IN_APP_FEED_ID} colorMode="light">
          <div>
            <NotificationIconButton
              ref={notifButtonRef}
              onClick={() => setIsVisible(!isVisible)}
            />
            <NotificationFeedPopover
              buttonRef={notifButtonRef}
              isVisible={isVisible}
              onClose={() => setIsVisible(false)}
            />
          </div>
        </KnockFeedProvider>
      </KnockProvider>
    </div>
  );
});

1	import Knock from '@knocklabs/client';
2	import {
3	KnockFeedProvider,
4	KnockProvider,
5	NotificationFeedPopover,
6	NotificationIconButton,
7	} from '@knocklabs/react';
8	import '@knocklabs/react-notification-feed/dist/index.css';
9	import React, { memo, useEffect, useRef, useState } from 'react';
10	import useUserStore from 'state/ui/user';
11	import './KnockNotifications.scss';
12
13	const KNOCK_PUBLIC_API_KEY =
14	process.env.KNOCK_PUBLIC_API_KEY \|\|	×
15	'pk_test_Hd4ZpzlVcz9bqepJQoo9BvZHokgEqvj4T79fPdKqpYM';
16
17	const KNOCK_IN_APP_FEED_ID =
18	process.env.KNOCK_IN_APP_FEED_ID \|\| 'fc6e68e5-b7b9-49c1-8fab-6dd7e3510ffb';	×
19
20	const knock = new Knock(KNOCK_PUBLIC_API_KEY);	×
21
22	const getBrowserTimezone = (): string => {	×
23	return Intl.DateTimeFormat().resolvedOptions().timeZone;	×
24	};
25
NEW 26	export const KnockNotifications = memo(function KnockNotifications() {	×
27	const user = useUserStore();	×
28	const [isVisible, setIsVisible] = useState(false);	×
29
30	const notifButtonRef = useRef(null);	×
31
32	useEffect(() => {	×
33	if (!user.id \|\| !user.isLoggedIn) {	×
34	return;	×
35	}
36
37	if (!user.knockJWT) {	×
38	console.warn('user knockJWT not set! Will not attempt to identify.');	×
39	return;	×
40	}
41
42	const timezone = getBrowserTimezone();	×
43	async function doAsync() {
44	knock.authenticate(`${user.id}`, user.knockJWT);	×
45
46	await knock.user.identify({	×
47	id: user.id,
48	email: user.email,
49	timezone,
50	});
51	}
52
53	doAsync().catch(console.error);	×
54	}, [user.email, user.id, user.isLoggedIn, user.knockJWT]);
55
56	if (!user.id \|\| !user.isLoggedIn) {	×
57	return null;	×
58	}
59
60	if (!user.knockJWT) {	×
61	return null;	×
62	}
63
64	return (	×
65	<div className="KnockNotifications">
66	<KnockProvider
67	apiKey={KNOCK_PUBLIC_API_KEY}
68	userId={`${user.id}`}
69	userToken={user.knockJWT}
70	>
71	{/* Optionally, use the KnockFeedProvider to connect an in-app feed */}
72	<KnockFeedProvider feedId={KNOCK_IN_APP_FEED_ID} colorMode="light">
73	<div>
74	<NotificationIconButton
75	ref={notifButtonRef}
76	onClick={() => setIsVisible(!isVisible)}	×
77	/>
78	<NotificationFeedPopover
79	buttonRef={notifButtonRef}
80	isVisible={isVisible}
81	onClose={() => setIsVisible(false)}	×
82	/>
83	</div>
84	</KnockFeedProvider>
85	</KnockProvider>
86	</div>
87	);
88	});

hicommonwealth / commonwealth / 11619380411

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