File tree Expand file tree Collapse file tree 6 files changed +72
-0
lines changed
Expand file tree Collapse file tree 6 files changed +72
-0
lines changed Original file line number Diff line number Diff line change 1+ import { render } from '@testing-library/react' ;
2+ import { PeopleIcon } from '../icons' ;
3+
4+ describe ( 'PeopleIcon' , ( ) => {
5+ it ( 'renders without errors' , ( ) => {
6+ render ( < PeopleIcon width = { 24 } height = { 24 } /> ) ;
7+ } ) ;
8+
9+ it ( 'applies width and height' , ( ) => {
10+ const { getByTestId } = render ( < PeopleIcon width = { 24 } height = { 24 } /> ) ;
11+ const svgElement = getByTestId ( 'people-icon-svg' ) ;
12+ expect ( svgElement . getAttribute ( 'width' ) ) . toBe ( '24' ) ;
13+ expect ( svgElement . getAttribute ( 'height' ) ) . toBe ( '24' ) ;
14+ } ) ;
15+ } ) ;
Original file line number Diff line number Diff line change 1+ import { DEFAULT_HEIGHT , DEFAULT_WIDTH , KEPPEL_GREEN_FILL } from '../../constants/constants' ;
2+ import { IconProps } from '../types' ;
3+
4+ export const GroupAddIcon = ( {
5+ width = DEFAULT_WIDTH ,
6+ height = DEFAULT_HEIGHT ,
7+ fill = KEPPEL_GREEN_FILL ,
8+ ...props
9+ } : IconProps ) : JSX . Element => {
10+ return (
11+ < svg
12+ width = { width }
13+ height = { height }
14+ xmlns = "http://www.w3.org/2000/svg"
15+ viewBox = "0 0 24 24"
16+ { ...props }
17+ >
18+ < path
19+ d = "M22 9V7h-2v2h-2v2h2v2h2v-2h2V9zM8 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 1c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4m4.51-8.95C13.43 5.11 14 6.49 14 8s-.57 2.89-1.49 3.95C14.47 11.7 16 10.04 16 8s-1.53-3.7-3.49-3.95m4.02 9.78C17.42 14.66 18 15.7 18 17v3h2v-3c0-1.45-1.59-2.51-3.47-3.17"
20+ fill = { fill }
21+ />
22+ </ svg >
23+ ) ;
24+ } ;
25+ export default GroupAddIcon ;
Original file line number Diff line number Diff line change 1+ export { default as GroupAdd } from './GroupAddIcon' ;
Original file line number Diff line number Diff line change 1+ import { KEPPEL_GREEN_FILL , DEFAULT_HEIGHT , DEFAULT_WIDTH } from '../../constants/constants' ;
2+ import { IconProps } from '../types' ;
3+
4+ const PeopleIcon = ( {
5+ width = DEFAULT_WIDTH ,
6+ height = DEFAULT_HEIGHT ,
7+ fill = KEPPEL_GREEN_FILL ,
8+ ...props
9+ } : IconProps ) : JSX . Element => (
10+ < svg
11+ width = { width }
12+ height = { height }
13+ viewBox = "0 0 48 48"
14+ fill = { fill }
15+ data-testid = "people-icon-svg"
16+ xmlns = "http://www.w3.org/2000/svg"
17+ { ...props }
18+ >
19+ < path d = "M3 29.4c0-4.256 8.661-6.4 13-6.4s13 2.144 13 6.4V35H3zM23 14c0 3.867-3.133 7-7 7s-7-3.133-7-7 3.133-7 7-7 7 3.133 7 7m17 4c0 2.762-2.237 5-5 5s-5-2.238-5-5 2.237-5 5-5 5 2.238 5 5" />
20+ < path
21+ fillRule = "evenodd"
22+ clipRule = "evenodd"
23+ d = "M31 35v-5.6c0-1.364-.532-2.511-1.28-3.437C31.57 25.322 33.583 25 35 25c3.337 0 10 1.787 10 5.333V35z"
24+ />
25+ </ svg >
26+ ) ;
27+
28+ export default PeopleIcon ;
Original file line number Diff line number Diff line change 1+ export { default as PeopleIcon } from './PeopleIcon' ;
Original file line number Diff line number Diff line change @@ -68,6 +68,7 @@ export * from './GetStarted';
6868export * from './Github' ;
6969export * from './Google' ;
7070export * from './GridView' ;
71+ export * from './GroupAdd' ;
7172export * from './HelpIcon' ;
7273export * from './Idea' ;
7374export * from './InfoOutlined' ;
@@ -91,6 +92,7 @@ export * from './OpenInNew';
9192export * from './Organization' ;
9293export * from './PanTool' ;
9394export * from './Pattern' ;
95+ export * from './People' ;
9496export * from './Person' ;
9597export * from './Pod' ;
9698export * from './Poll' ;
You can’t perform that action at this time.
0 commit comments