9712897369

Committed 28 Jun 2024 12:37PM UTC coverage: 14.605% (+0.001%) from 14.604%

Build # 9712897369

Build Type

push

github

Committed by

web-flow

Commit Message

added mixpanel analyticst to show pwa use (#7954)

* added mixpanel analyticst to show pwa use

* committing to change branches

* added new isPWA prop to all frontend mixpanel calls

* added property in headers to show pwa usage and refactored backend code

* made changes to pass tests

* took out log lol

* making changes to pass tests

* more changes to pass tests...

* even more changes to pass tests

* made changes to pass tests

* quick prettier fix to pass tests

* even more changes to pass tests

* please pass the tests

* deleted logs and refacted some ugly code

* cleaned up code to pass tests

* more fixes to pass tests

Run Details

3548 of 23103 branches covered (15.36%)

Branch coverage included in aggregate %.

5 of 60 new or added lines in 46 files covered. (8.33%)

20 existing lines in 20 files now uncovered.

4903 of 34761 relevant lines covered (14.1%)

4.66 hits per line

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

0.0

/packages/commonwealth/client/scripts/views/modals/linked_thread_modal.tsx

import React, { useState } from 'react';

import { notifyError } from '../../controllers/app/notifications';
import { getAddedAndDeleted } from '../../helpers/threads';
import useAppStatus from '../../hooks/useAppStatus';
import type Thread from '../../models/Thread';
import { LinkSource } from '../../models/Thread';
import app from '../../state';
import {
  useAddThreadLinksMutation,
  useDeleteThreadLinksMutation,
} from '../../state/api/threads';
import { CWButton } from '../components/component_kit/new_designs/CWButton';
import {
  CWModalBody,
  CWModalFooter,
  CWModalHeader,
} from '../components/component_kit/new_designs/CWModal';
import { ThreadSelector } from '../components/thread_selector';

type LinkedThreadModalProps = {
  linkedThreads: Thread[];
  thread: Thread;
  onModalClose: () => void;
  onSave?: (links: Thread['links']) => void;
};

export const LinkedThreadModal = ({
  thread,
  linkedThreads: initialLinkedThreads = [],
  onModalClose,
  onSave,
}: LinkedThreadModalProps) => {
  const [tempLinkedThreads, setTempLinkedThreads] =
    useState<Array<Thread>>(initialLinkedThreads);

  const { mutateAsync: addThreadLinks } = useAddThreadLinksMutation({
    communityId: app.activeChainId(),
    threadId: thread.id,
  });

  const { mutateAsync: deleteThreadLinks } = useDeleteThreadLinksMutation({
    communityId: app.activeChainId(),
    threadId: thread.id,
  });

  const { isAddedToHomeScreen } = useAppStatus();

  const handleSaveChanges = async () => {
    const { toAdd, toDelete } = getAddedAndDeleted(
      tempLinkedThreads,
      initialLinkedThreads,
    );
    let links: Thread['links'];
    try {
      if (toAdd.length) {
        const updatedThread = await addThreadLinks({
          communityId: app.activeChainId(),
          threadId: thread.id,
          links: toAdd.map((el) => ({
            source: LinkSource.Thread,
            identifier: String(el.id),
            title: el.title,
          })),
          isPWA: isAddedToHomeScreen,
        });
        links = updatedThread.links;
      }
      if (toDelete.length) {
        const updatedThread = await deleteThreadLinks({
          communityId: app.activeChainId(),
          threadId: thread.id,
          links: toDelete.map((el) => ({
            source: LinkSource.Thread,
            identifier: String(el.id),
          })),
        });
        links = updatedThread.links;
      }
      onModalClose();
      // @ts-expect-error <StrictNullChecks/>
      if (links && onSave) {
        onSave(links);
      }
    } catch (err) {
      console.error(err);
      notifyError('Failed to update linked threads');
      onModalClose();
    }
  };

  const handleSelectThread = (selectedThread: Thread) => {
    const isSelected = tempLinkedThreads.find(
      ({ id }) => selectedThread.id === id,
    );
    const updatedLinkedThreads = isSelected
      ? tempLinkedThreads.filter(({ id }) => selectedThread.id !== id)
      : [...tempLinkedThreads, selectedThread];
    setTempLinkedThreads(updatedLinkedThreads);
  };

  return (
    <div className="LinkedThreadModal">
      <CWModalHeader
        label="Link to Existing Threads"
        onModalClose={onModalClose}
      />
      <CWModalBody>
        <ThreadSelector
          linkedThreadsToSet={tempLinkedThreads}
          onSelect={handleSelectThread}
        />
      </CWModalBody>
      <CWModalFooter>
        <CWButton
          label="Cancel"
          buttonType="secondary"
          buttonHeight="sm"
          onClick={onModalClose}
        />
        <CWButton
          label="Save changes"
          buttonType="primary"
          buttonHeight="sm"
          onClick={handleSaveChanges}
        />
      </CWModalFooter>
    </div>
  );
};

1	import React, { useState } from 'react';
2
3	import { notifyError } from '../../controllers/app/notifications';
4	import { getAddedAndDeleted } from '../../helpers/threads';
5	import useAppStatus from '../../hooks/useAppStatus';
6	import type Thread from '../../models/Thread';
7	import { LinkSource } from '../../models/Thread';
8	import app from '../../state';
9	import {
10	useAddThreadLinksMutation,
11	useDeleteThreadLinksMutation,
12	} from '../../state/api/threads';
13	import { CWButton } from '../components/component_kit/new_designs/CWButton';
14	import {
15	CWModalBody,
16	CWModalFooter,
17	CWModalHeader,
18	} from '../components/component_kit/new_designs/CWModal';
19	import { ThreadSelector } from '../components/thread_selector';
20
21	type LinkedThreadModalProps = {
22	linkedThreads: Thread[];
23	thread: Thread;
24	onModalClose: () => void;
25	onSave?: (links: Thread['links']) => void;
26	};
27
28	export const LinkedThreadModal = ({	×
29	thread,
30	linkedThreads: initialLinkedThreads = [],	×
31	onModalClose,
32	onSave,
33	}: LinkedThreadModalProps) => {
34	const [tempLinkedThreads, setTempLinkedThreads] =
35	useState<Array<Thread>>(initialLinkedThreads);	×
36
37	const { mutateAsync: addThreadLinks } = useAddThreadLinksMutation({	×
38	communityId: app.activeChainId(),
39	threadId: thread.id,
40	});
41
42	const { mutateAsync: deleteThreadLinks } = useDeleteThreadLinksMutation({	×
43	communityId: app.activeChainId(),
44	threadId: thread.id,
45	});
46
NEW 47	const { isAddedToHomeScreen } = useAppStatus();	×
48
49	const handleSaveChanges = async () => {	×
50	const { toAdd, toDelete } = getAddedAndDeleted(	×
51	tempLinkedThreads,
52	initialLinkedThreads,
53	);
54	let links: Thread['links'];
55	try {	×
56	if (toAdd.length) {	×
57	const updatedThread = await addThreadLinks({	×
58	communityId: app.activeChainId(),
59	threadId: thread.id,
60	links: toAdd.map((el) => ({	×
61	source: LinkSource.Thread,
62	identifier: String(el.id),
63	title: el.title,
64	})),
65	isPWA: isAddedToHomeScreen,
66	});
67	links = updatedThread.links;	×
68	}
69	if (toDelete.length) {	×
70	const updatedThread = await deleteThreadLinks({	×
71	communityId: app.activeChainId(),
72	threadId: thread.id,
73	links: toDelete.map((el) => ({	×
74	source: LinkSource.Thread,
75	identifier: String(el.id),
76	})),
77	});
78	links = updatedThread.links;	×
79	}
80	onModalClose();	×
81	// @ts-expect-error <StrictNullChecks/>
82	if (links && onSave) {	×
83	onSave(links);	×
84	}
85	} catch (err) {
86	console.error(err);	×
87	notifyError('Failed to update linked threads');	×
88	onModalClose();	×
89	}
90	};
91
92	const handleSelectThread = (selectedThread: Thread) => {	×
93	const isSelected = tempLinkedThreads.find(	×
94	({ id }) => selectedThread.id === id,	×
95	);
96	const updatedLinkedThreads = isSelected	×
97	? tempLinkedThreads.filter(({ id }) => selectedThread.id !== id)	×
98	: [...tempLinkedThreads, selectedThread];
99	setTempLinkedThreads(updatedLinkedThreads);	×
100	};
101
102	return (	×
103	<div className="LinkedThreadModal">
104	<CWModalHeader
105	label="Link to Existing Threads"
106	onModalClose={onModalClose}
107	/>
108	<CWModalBody>
109	<ThreadSelector
110	linkedThreadsToSet={tempLinkedThreads}
111	onSelect={handleSelectThread}
112	/>
113	</CWModalBody>
114	<CWModalFooter>
115	<CWButton
116	label="Cancel"
117	buttonType="secondary"
118	buttonHeight="sm"
119	onClick={onModalClose}
120	/>
121	<CWButton
122	label="Save changes"
123	buttonType="primary"
124	buttonHeight="sm"
125	onClick={handleSaveChanges}
126	/>
127	</CWModalFooter>
128	</div>
129	);
130	};

hicommonwealth / commonwealth / 9712897369

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