9602092925

Committed 20 Jun 2024 05:52PM UTC coverage: 14.99% (+0.07%) from 14.922%

Build # 9602092925

Build Type

Pull #7954

github

Committed by

web-flow

Commit Message

Merge 6de914ff6 into 24f25bbac

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

Run Details

3700 of 26100 branches covered (14.18%)

Branch coverage included in aggregate %.

5 of 28 new or added lines in 23 files covered. (17.86%)

74 existing lines in 11 files now uncovered.

5148 of 32926 relevant lines covered (15.64%)

5.0 hits per line

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

0.0

/packages/commonwealth/client/scripts/views/pages/CommunityManagement/Integrations/Directory/Directory.tsx

import { notifyError, notifySuccess } from 'controllers/app/notifications';
import { useCommonNavigate } from 'navigation/helpers';
import React, { useCallback, useState } from 'react';
import app from 'state';
import { CWLabel } from 'views/components/component_kit/cw_label';
import { CWText } from 'views/components/component_kit/cw_text';
import { CWToggle } from 'views/components/component_kit/cw_toggle';
import { CWButton } from 'views/components/component_kit/new_designs/CWButton';
import { CWTooltip } from 'views/components/component_kit/new_designs/CWTooltip';
import { CWTypeaheadSelectList } from 'views/components/component_kit/new_designs/CWTypeaheadSelectList';
import './Directory.scss';

const Directory = () => {
  const chainNodes = app.config.nodes.getAll() || [];
  const chainNodeOptions = chainNodes.map((chain) => ({
    value: String(chain.id),
    label: chain.name,
  }));
  const chainNodeOptionsSorted = chainNodeOptions.sort((a, b) =>
    a.label.localeCompare(b.label),
  );
  const communityDefaultChainNodeId = app.chain.meta.ChainNode.id;

  const navigate = useCommonNavigate();
  const [community] = useState(app.config.chains.getById(app.activeChainId()));
  const [isEnabled, setIsEnabled] = useState(community.directoryPageEnabled);
  const [chainNodeId, setChainNodeId] = useState(
    community.directoryPageChainNodeId,
  );
  const [isSaving, setIsSaving] = useState(false);

  const defaultChainNodeId = chainNodeId ?? communityDefaultChainNodeId;
  const defaultOption = chainNodeOptionsSorted.find(
    (option) => option.value === String(defaultChainNodeId),
  );

  const onSaveChanges = useCallback(async () => {
    if (
      isSaving ||
      (isEnabled === community.directoryPageEnabled &&
        chainNodeId === community.directoryPageChainNodeId)
    )
      return;

    try {
      setIsSaving(true);
      await community.updateChainData({
        directory_page_enabled: isEnabled,
        directory_page_chain_node_id: chainNodeId,
      });

      notifySuccess('Updated community directory');
      app.sidebarRedraw.emit('redraw');
    } catch {
      notifyError('Failed to update community directory!');
    } finally {
      setIsSaving(false);
    }
  }, [community, isEnabled, chainNodeId, isSaving]);

  return (
    <section className="Directory">
      <div className="header">
        <CWText type="h4">Show Directory Page</CWText>
        <CWToggle
          checked={isEnabled}
          onChange={() => setIsEnabled(!isEnabled)}
        />
      </div>

      <CWText type="b1">
        Enable your community members to access relevant communities linked to
        your chain on this optional page. Simply toggle on to generate the page
        and make it accessible within the sidebar, or toggle off to hide.
      </CWText>

      {isEnabled && (
        <section className="chains">
          <div>
            <CWLabel label="Enter or select your community's chain" />
            <CWTypeaheadSelectList
              options={chainNodeOptionsSorted}
              // @ts-expect-error <StrictNullChecks/>
              defaultValue={defaultOption}
              placeholder="Select community's chain"
              onChange={(selectedOption) =>
                setChainNodeId(Number(selectedOption.value))
              }
            />
          </div>

          <CWTooltip
            placement="top"
            content={
              community.directoryPageEnabled
                ? null
                : 'Save changes to enable directory page'
            }
            renderTrigger={(handleInteraction) => (
              <div
                onMouseEnter={handleInteraction}
                onMouseLeave={handleInteraction}
                className="cta-button-container"
              >
                <CWButton
                  disabled={!community.directoryPageEnabled}
                  buttonType="tertiary"
                  buttonHeight="sm"
                  label="Go to directory"
                  iconRight="arrowRightPhosphor"
                  onClick={() => navigate('/directory')}
                />
              </div>
            )}
          ></CWTooltip>
        </section>
      )}
      <CWButton
        containerClassName="action-btn"
        buttonType="secondary"
        label="Save Changes"
        disabled={
          isEnabled === community.directoryPageEnabled &&
          chainNodeId === community.directoryPageChainNodeId
        }
        onClick={onSaveChanges}
      />
    </section>
  );
};

export default Directory;

1	import { notifyError, notifySuccess } from 'controllers/app/notifications';
2	import { useCommonNavigate } from 'navigation/helpers';
3	import React, { useCallback, useState } from 'react';
4	import app from 'state';
5	import { CWLabel } from 'views/components/component_kit/cw_label';
6	import { CWText } from 'views/components/component_kit/cw_text';
7	import { CWToggle } from 'views/components/component_kit/cw_toggle';
8	import { CWButton } from 'views/components/component_kit/new_designs/CWButton';
9	import { CWTooltip } from 'views/components/component_kit/new_designs/CWTooltip';
10	import { CWTypeaheadSelectList } from 'views/components/component_kit/new_designs/CWTypeaheadSelectList';
11	import './Directory.scss';
12
13	const Directory = () => {
14	const chainNodes = app.config.nodes.getAll() \|\| [];	×
15	const chainNodeOptions = chainNodes.map((chain) => ({	×
16	value: String(chain.id),
17	label: chain.name,
18	}));
19	const chainNodeOptionsSorted = chainNodeOptions.sort((a, b) =>
20	a.label.localeCompare(b.label),	×
21	);
22	const communityDefaultChainNodeId = app.chain.meta.ChainNode.id;
23
24	const navigate = useCommonNavigate();
25	const [community] = useState(app.config.chains.getById(app.activeChainId()));	×
26	const [isEnabled, setIsEnabled] = useState(community.directoryPageEnabled);	×
27	const [chainNodeId, setChainNodeId] = useState(	×
28	community.directoryPageChainNodeId,
29	);
30	const [isSaving, setIsSaving] = useState(false);
31
32	const defaultChainNodeId = chainNodeId ?? communityDefaultChainNodeId;	×
NEW 33	const defaultOption = chainNodeOptionsSorted.find(	×
34	(option) => option.value === String(defaultChainNodeId),
35	);	×
36
37	const onSaveChanges = useCallback(async () => {	×
38	if (	×
39	isSaving \|\|	×
40	(isEnabled === community.directoryPageEnabled &&
41	chainNodeId === community.directoryPageChainNodeId)	×
42	)	×
43	return;
44
45	try {
46	setIsSaving(true);	×
47	await community.updateChainData({
48	directory_page_enabled: isEnabled,
49	directory_page_chain_node_id: chainNodeId,
50	});
51
52	notifySuccess('Updated community directory');
53	app.sidebarRedraw.emit('redraw');
54	} catch {
55	notifyError('Failed to update community directory!');
56	} finally {
57	setIsSaving(false);	×
58	}
59	}, [community, isEnabled, chainNodeId, isSaving]);
60
61	return (	×
62	<section className="Directory">
63	<div className="header">
64	<CWText type="h4">Show Directory Page</CWText>
65	<CWToggle
66	checked={isEnabled}
67	onChange={() => setIsEnabled(!isEnabled)}
68	/>
69	</div>
70
71	<CWText type="b1">
72	Enable your community members to access relevant communities linked to
73	your chain on this optional page. Simply toggle on to generate the page
74	and make it accessible within the sidebar, or toggle off to hide.
75	</CWText>
76
77	{isEnabled && (	×
78	<section className="chains">
79	<div>
80	<CWLabel label="Enter or select your community's chain" />
81	<CWTypeaheadSelectList	×
82	options={chainNodeOptionsSorted}
83	// @ts-expect-error <StrictNullChecks/>
84	defaultValue={defaultOption}
85	placeholder="Select community's chain"
86	onChange={(selectedOption) =>
87	setChainNodeId(Number(selectedOption.value))
88	}
89	/>
90	</div>
91
92	<CWTooltip
93	placement="top"
94	content={
95	community.directoryPageEnabled	×
96	? null
97	: 'Save changes to enable directory page'
98	}
99	renderTrigger={(handleInteraction) => (	×
100	<div
101	onMouseEnter={handleInteraction}
102	onMouseLeave={handleInteraction}
103	className="cta-button-container"
104	>
105	<CWButton
106	disabled={!community.directoryPageEnabled}
107	buttonType="tertiary"
108	buttonHeight="sm"
109	label="Go to directory"
110	iconRight="arrowRightPhosphor"
111	onClick={() => navigate('/directory')}
112	/>
113	</div>
114	)}
115	></CWTooltip>
116	</section>
117	)}
118	<CWButton
119	containerClassName="action-btn"
120	buttonType="secondary"
121	label="Save Changes"
122	disabled={
123	isEnabled === community.directoryPageEnabled &&	×
124	chainNodeId === community.directoryPageChainNodeId
125	}
126	onClick={onSaveChanges}
127	/>	×
128	</section>
129	);
130	};
131
132	export default Directory;

hicommonwealth / commonwealth / 9602092925

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