9521275536

Committed 14 Jun 2024 07:18PM UTC coverage: 15.146% (+2.3%) from 12.844%

Build # 9521275536

Build Type

Pull #8104

github

Committed by

web-flow

Commit Message

Merge 7e4d50a34 into ea44a68a7

Pull Request Pull Request #8104: Removed Webpack, replaced prod usage with vite

Run Details

3752 of 24327 branches covered (15.42%)

Branch coverage included in aggregate %.

4 of 28 new or added lines in 14 files covered. (14.29%)

20 existing lines in 7 files now uncovered.

5186 of 34684 relevant lines covered (14.95%)

4.82 hits per line

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

0.0

/packages/commonwealth/client/scripts/views/pages/ComponentsShowcase/components/Tables.showcase.tsx

import { APIOrderDirection } from 'client/scripts/helpers/constants';
import { CWTableColumnInfo } from 'client/scripts/views/components/component_kit/new_designs/CWTable/CWTable';
import { useCWTableState } from 'client/scripts/views/components/component_kit/new_designs/CWTable/useCWTableState';
import faker from 'faker';
import React from 'react';
import { CWButton } from 'views/components/component_kit/new_designs/CWButton';
import { CWTable } from 'views/components/component_kit/new_designs/CWTable';
import { CWTag } from 'views/components/component_kit/new_designs/CWTag';

const tagTypes = [
  'passed',
  'failed',
  'active',
  'poll',
  'proposal',
  'referendum',
  'disabled',
];

const buttonTypes = ['primary', 'secondary', 'tertiary', 'destructive'];

const iconNames = ['cloud', 'mail', 'sun', 'cow'];

const range = (len: number) => {
  const arr = [];
  for (let i = 0; i < len; i++) {
    // @ts-expect-error <StrictNullChecks/>
    arr.push(i);
  }
  return arr;
};

const newCommunity = (): any => {
  const tagType = faker.helpers.shuffle(tagTypes)[0];
  const iconName = faker.helpers.shuffle(iconNames)[0];
  const buttonType = faker.helpers.shuffle(buttonTypes)[0];

  return {
    name: faker.company.companyName(),
    description: faker.lorem.paragraph(),
    members: faker.random.number(1000),
    threads: faker.random.number(1000),
    tags: <CWTag label={tagType} iconName={iconName} type={tagType} />,
    buttons: (
      <CWButton label="button" buttonType={buttonType} iconLeft={iconName} />
    ),
    avatars: {
      name: {
        avatarUrl:
          'https://assets.commonwealth.im/f5c5a0c6-0552-40be-bb4b-b25fbd0cfbe2.png',
      },
    },
  };
};

const makeData = (num: number) => {
  return range(num).map((): any => {
    return {
      ...newCommunity(),
    };
  });
};

const rowData = makeData(6);

const columns: CWTableColumnInfo[] = [
  {
    key: 'name',
    header: 'Community',
    numeric: false,
    sortable: true,
  },
  {
    key: 'description',
    header: 'Description',
    numeric: false,
    sortable: true,
  },
  {
    key: 'members',
    header: 'Members',
    numeric: true,
    sortable: true,
  },
  {
    key: 'threads',
    header: 'Threads',
    numeric: true,
    sortable: true,
  },
  {
    key: 'tags',
    header: 'Tags',
    numeric: false,
    sortable: false,
  },
  {
    key: 'buttons',
    header: 'Buttons',
    numeric: false,
    sortable: false,
  },
];

const TablesShowcase = () => {
  const tableState = useCWTableState({
    columns,
    initialSortColumn: 'members',
    initialSortDirection: APIOrderDirection.Desc,
  });

  return (
    <>
      <CWTable
        columnInfo={tableState.columns}
        sortingState={tableState.sorting}
        setSortingState={tableState.setSorting}
        rowData={rowData}
      />
    </>
  );
};

export default TablesShowcase;

1	import { APIOrderDirection } from 'client/scripts/helpers/constants';
2	import { CWTableColumnInfo } from 'client/scripts/views/components/component_kit/new_designs/CWTable/CWTable';
3	import { useCWTableState } from 'client/scripts/views/components/component_kit/new_designs/CWTable/useCWTableState';
4	import faker from 'faker';
5	import React from 'react';
6	import { CWButton } from 'views/components/component_kit/new_designs/CWButton';
7	import { CWTable } from 'views/components/component_kit/new_designs/CWTable';
8	import { CWTag } from 'views/components/component_kit/new_designs/CWTag';
9
10	const tagTypes = [
11	'passed',
12	'failed',
13	'active',
14	'poll',
15	'proposal',
16	'referendum',
17	'disabled',
18	];
19
20	const buttonTypes = ['primary', 'secondary', 'tertiary', 'destructive'];
21
22	const iconNames = ['cloud', 'mail', 'sun', 'cow'];
23
24	const range = (len: number) => {	×
25	const arr = [];	×
26	for (let i = 0; i < len; i++) {
27	// @ts-expect-error <StrictNullChecks/>
28	arr.push(i);
29	}
30	return arr;
31	};
32
NEW 33	const newCommunity = (): any => {	×
34	const tagType = faker.helpers.shuffle(tagTypes)[0];
35	const iconName = faker.helpers.shuffle(iconNames)[0];
36	const buttonType = faker.helpers.shuffle(buttonTypes)[0];	×
37
NEW 38	return {	×
39	name: faker.company.companyName(),
40	description: faker.lorem.paragraph(),
41	members: faker.random.number(1000),
42	threads: faker.random.number(1000),
43	tags: <CWTag label={tagType} iconName={iconName} type={tagType} />,
44	buttons: (
45	<CWButton label="button" buttonType={buttonType} iconLeft={iconName} />
46	),
47	avatars: {
48	name: {
49	avatarUrl:
50	'https://assets.commonwealth.im/f5c5a0c6-0552-40be-bb4b-b25fbd0cfbe2.png',
51	},
52	},
53	};
54	};
55
56	const makeData = (num: number) => {
57	return range(num).map((): any => {
58	return {
59	...newCommunity(),
60	};
61	});
62	};
63
64	const rowData = makeData(6);
65
66	const columns: CWTableColumnInfo[] = [
67	{
68	key: 'name',
69	header: 'Community',
70	numeric: false,
71	sortable: true,
72	},
73	{
74	key: 'description',
75	header: 'Description',
76	numeric: false,
77	sortable: true,
78	},
79	{
80	key: 'members',
81	header: 'Members',
82	numeric: true,
83	sortable: true,
84	},
85	{
86	key: 'threads',
87	header: 'Threads',
88	numeric: true,
89	sortable: true,
90	},
91	{
92	key: 'tags',
93	header: 'Tags',
94	numeric: false,
95	sortable: false,
96	},
97	{
98	key: 'buttons',
99	header: 'Buttons',
100	numeric: false,
101	sortable: false,
102	},
103	];
104
105	const TablesShowcase = () => {
106	const tableState = useCWTableState({
107	columns,
108	initialSortColumn: 'members',
109	initialSortDirection: APIOrderDirection.Desc,
110	});
111
112	return (
113	<>
114	<CWTable
115	columnInfo={tableState.columns}
116	sortingState={tableState.sorting}
117	setSortingState={tableState.setSorting}
118	rowData={rowData}
119	/>
120	</>
121	);
122	};
123
124	export default TablesShowcase;

hicommonwealth / commonwealth / 9521275536

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