@stream-io/video-react-native-sdk 0.0.1-alpha.248 → 0.0.1-alpha.249
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/src/components/CallParticipantsInfoView.js +4 -16
- package/dist/src/components/CallParticipantsInfoView.js.map +1 -1
- package/dist/src/components/CallParticipantsOptions.js +9 -0
- package/dist/src/components/CallParticipantsOptions.js.map +1 -1
- package/dist/src/components/ParticipantView.js +6 -0
- package/dist/src/components/ParticipantView.js.map +1 -1
- package/dist/src/icons/PinVertical.d.ts +5 -0
- package/dist/src/icons/PinVertical.js +13 -0
- package/dist/src/icons/PinVertical.js.map +1 -0
- package/dist/src/icons/index.d.ts +1 -0
- package/dist/src/icons/index.js +1 -0
- package/dist/src/icons/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CallParticipantsInfoView.tsx +5 -30
- package/src/components/CallParticipantsOptions.tsx +15 -0
- package/src/components/ParticipantView.tsx +20 -2
- package/src/icons/PinVertical.tsx +15 -0
- package/src/icons/index.tsx +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.0.1-alpha.249](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.248...@stream-io/video-react-native-sdk-0.0.1-alpha.249) (2023-07-06)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* **react-native:** pinning and unpinning of participants ([#754](https://github.com/GetStream/stream-video-js/issues/754)) ([03d5ade](https://github.com/GetStream/stream-video-js/commit/03d5ade9f76a52f82819aaa9ad171f0c74fe60f1))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
5
14
|
## [0.0.1-alpha.248](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.247...@stream-io/video-react-native-sdk-0.0.1-alpha.248) (2023-07-06)
|
|
6
15
|
|
|
7
16
|
|
|
@@ -40,9 +40,6 @@ const CallParticipantInfoItem = (props) => {
|
|
|
40
40
|
const { participant, setSelectedParticipant } = props;
|
|
41
41
|
const connectedUser = (0, video_react_bindings_1.useConnectedUser)();
|
|
42
42
|
const participantIsLocalParticipant = participant.userId === connectedUser?.id;
|
|
43
|
-
const userHasMuteUsersCapability = (0, video_react_bindings_1.useHasPermissions)(video_client_1.OwnCapability.MUTE_USERS);
|
|
44
|
-
const userHasUpdateCallPermissionsCapability = (0, video_react_bindings_1.useHasPermissions)(video_client_1.OwnCapability.UPDATE_CALL_PERMISSIONS);
|
|
45
|
-
const userHasBlockUserCapability = (0, video_react_bindings_1.useHasPermissions)(video_client_1.OwnCapability.BLOCK_USERS);
|
|
46
43
|
const optionsOpenHandler = (0, react_1.useCallback)(() => {
|
|
47
44
|
if (!participantIsLocalParticipant) {
|
|
48
45
|
setSelectedParticipant(participant);
|
|
@@ -55,10 +52,7 @@ const CallParticipantInfoItem = (props) => {
|
|
|
55
52
|
const isAudioMuted = !publishedTracks.includes(video_client_1.SfuModels.TrackType.AUDIO);
|
|
56
53
|
const isVideoMuted = !publishedTracks.includes(video_client_1.SfuModels.TrackType.VIDEO);
|
|
57
54
|
const isScreenSharing = publishedTracks.includes(video_client_1.SfuModels.TrackType.SCREEN_SHARE);
|
|
58
|
-
|
|
59
|
-
userHasMuteUsersCapability ||
|
|
60
|
-
userHasUpdateCallPermissionsCapability;
|
|
61
|
-
return (<react_native_1.Pressable style={styles.participant} onPress={optionsOpenHandler} disabled={!isParticipantItemPressable}>
|
|
55
|
+
return (<react_native_1.Pressable style={styles.participant} onPress={optionsOpenHandler}>
|
|
62
56
|
<Avatar_1.Avatar radius={theme_1.theme.avatar.xs} participant={participant}/>
|
|
63
57
|
|
|
64
58
|
<react_native_1.Text style={styles.name}>
|
|
@@ -75,15 +69,9 @@ const CallParticipantInfoItem = (props) => {
|
|
|
75
69
|
{isVideoMuted && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.sm]}>
|
|
76
70
|
<icons_1.VideoSlash color={theme_1.theme.dark.error}/>
|
|
77
71
|
</react_native_1.View>)}
|
|
78
|
-
{!participantIsLocalParticipant && (<
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
video_client_1.OwnCapability.BLOCK_USERS,
|
|
82
|
-
]}>
|
|
83
|
-
<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.sm]}>
|
|
84
|
-
<icons_1.ArrowRight color={theme_1.theme.dark.text_high_emphasis}/>
|
|
85
|
-
</react_native_1.View>
|
|
86
|
-
</video_react_bindings_1.Restricted>)}
|
|
72
|
+
{!participantIsLocalParticipant && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.sm]}>
|
|
73
|
+
<icons_1.ArrowRight color={theme_1.theme.dark.text_high_emphasis}/>
|
|
74
|
+
</react_native_1.View>)}
|
|
87
75
|
</react_native_1.View>
|
|
88
76
|
</react_native_1.Pressable>);
|
|
89
77
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsInfoView.js","sourceRoot":"","sources":["../../../src/components/CallParticipantsInfoView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAIiC;AACjC,
|
|
1
|
+
{"version":3,"file":"CallParticipantsInfoView.js","sourceRoot":"","sources":["../../../src/components/CallParticipantsInfoView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -69,6 +69,9 @@ const CallParticipantOptions = (props) => {
|
|
|
69
69
|
const blockUser = async () => {
|
|
70
70
|
await call?.blockUser(participant.userId);
|
|
71
71
|
};
|
|
72
|
+
const toggleParticipantPinnedAt = () => {
|
|
73
|
+
call?.setParticipantPinnedAt(participant.sessionId, participant.pinnedAt ? undefined : Date.now());
|
|
74
|
+
};
|
|
72
75
|
const participantPublishesVideo = participant.publishedTracks.includes(video_client_1.SfuModels.TrackType.VIDEO);
|
|
73
76
|
const participantPublishesAudio = participant.publishedTracks.includes(video_client_1.SfuModels.TrackType.AUDIO);
|
|
74
77
|
const muteUserVideoOption = participantPublishesVideo
|
|
@@ -131,7 +134,13 @@ const CallParticipantOptions = (props) => {
|
|
|
131
134
|
},
|
|
132
135
|
]
|
|
133
136
|
: [];
|
|
137
|
+
const pinParticipant = {
|
|
138
|
+
icon: <icons_1.Pin color={theme_1.theme.dark.text_high_emphasis}/>,
|
|
139
|
+
title: participant.pinnedAt ? 'Unpin' : 'Pin',
|
|
140
|
+
onPressHandler: toggleParticipantPinnedAt,
|
|
141
|
+
};
|
|
134
142
|
const options = [
|
|
143
|
+
pinParticipant,
|
|
135
144
|
...blockCapabilities,
|
|
136
145
|
...muteUserCapabilities,
|
|
137
146
|
...updateCallPermissionsCapabilities,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsOptions.js","sourceRoot":"","sources":["../../../src/components/CallParticipantsOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAIiC;AACjC,
|
|
1
|
+
{"version":3,"file":"CallParticipantsOptions.js","sourceRoot":"","sources":["../../../src/components/CallParticipantsOptions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -165,6 +165,9 @@ const ParticipantView = (props) => {
|
|
|
165
165
|
borderColor: constants_1.palette.grey800,
|
|
166
166
|
borderWidth: 2,
|
|
167
167
|
};
|
|
168
|
+
const unPinParticipantHandler = () => {
|
|
169
|
+
call?.setParticipantPinnedAt(participant.sessionId, undefined);
|
|
170
|
+
};
|
|
168
171
|
const participantLabel = participant.name || participant.userId;
|
|
169
172
|
return (<react_native_1.View style={[
|
|
170
173
|
styles.containerBase,
|
|
@@ -192,6 +195,9 @@ const ParticipantView = (props) => {
|
|
|
192
195
|
{isVideoMuted && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.xs]}>
|
|
193
196
|
<icons_1.VideoSlash color={theme_1.theme.light.error}/>
|
|
194
197
|
</react_native_1.View>)}
|
|
198
|
+
{participant.pinnedAt && (<react_native_1.Pressable style={[styles.svgContainerStyle, theme_1.theme.icon.xs]} onPress={unPinParticipantHandler}>
|
|
199
|
+
<icons_1.PinVertical color={theme_1.theme.light.static_white}/>
|
|
200
|
+
</react_native_1.Pressable>)}
|
|
195
201
|
</react_native_1.View>)}
|
|
196
202
|
{kind === 'screen' && (<react_native_1.View style={styles.screenViewStatus} accessibilityLabel={A11yLabels_1.A11yComponents.PARTICIPANT_VIEW_SCREEN_SHARING}>
|
|
197
203
|
<react_native_1.View style={[{ marginRight: theme_1.theme.margin.sm }, theme_1.theme.icon.md]}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantView.js","sourceRoot":"","sources":["../../../src/components/ParticipantView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,+
|
|
1
|
+
{"version":3,"file":"ParticipantView.js","sourceRoot":"","sources":["../../../src/components/ParticipantView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.PinVertical = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_native_svg_1 = require("react-native-svg");
|
|
9
|
+
const PinVertical = ({ color }) => (<react_native_svg_1.Svg viewBox="0 0 21 20">
|
|
10
|
+
<react_native_svg_1.Path fill={color} d="M12.0682 3.45222V7.46363C12.0682 8.36218 12.365 9.19656 12.8705 9.87047H8.05678C8.57827 9.18051 8.85906 8.34614 8.85906 7.46363V3.45222H12.0682ZM14.475 1.84766H6.45222C6.01096 1.84766 5.64994 2.20868 5.64994 2.64994C5.64994 3.09119 6.01096 3.45222 6.45222 3.45222H7.2545V7.46363C7.2545 8.79541 6.17944 9.87047 4.84766 9.87047V11.475H9.63728V17.091L10.4396 17.8933L11.2418 17.091V11.475H16.0796V9.87047C14.7478 9.87047 13.6728 8.79541 13.6728 7.46363V3.45222H14.475C14.9163 3.45222 15.2773 3.09119 15.2773 2.64994C15.2773 2.20868 14.9163 1.84766 14.475 1.84766Z"/>
|
|
11
|
+
</react_native_svg_1.Svg>);
|
|
12
|
+
exports.PinVertical = PinVertical;
|
|
13
|
+
//# sourceMappingURL=PinVertical.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PinVertical.js","sourceRoot":"","sources":["../../../src/icons/PinVertical.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAA6C;AAMtC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE,CAAC,CAC/C,CAAC,sBAAG,CAAC,OAAO,CAAC,WAAW,CACtB;IAAA,CAAC,uBAAI,CACH,IAAI,CAAC,CAAC,KAAK,CAAC,CACZ,CAAC,CAAC,kjBAAkjB,EAExjB;EAAA,EAAE,sBAAG,CAAC,CACP,CAAC;AAPW,QAAA,WAAW,eAOtB"}
|
package/dist/src/icons/index.js
CHANGED
|
@@ -26,6 +26,7 @@ __exportStar(require("./Chat"), exports);
|
|
|
26
26
|
__exportStar(require("./Participants"), exports);
|
|
27
27
|
__exportStar(require("./ThreeDots"), exports);
|
|
28
28
|
__exportStar(require("./Pin"), exports);
|
|
29
|
+
__exportStar(require("./PinVertical"), exports);
|
|
29
30
|
__exportStar(require("./Spotlight"), exports);
|
|
30
31
|
__exportStar(require("./Cross"), exports);
|
|
31
32
|
__exportStar(require("./ScreenShare"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,wCAAsB;AACtB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,6CAA2B;AAC3B,0CAAwB;AACxB,+CAA6B;AAC7B,yCAAuB;AACvB,iDAA+B;AAC/B,8CAA4B;AAC5B,wCAAsB;AACtB,8CAA4B;AAC5B,0CAAwB;AACxB,gDAA8B;AAC9B,+CAA6B;AAC7B,6CAA2B;AAC3B,kDAAgC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,wCAAsB;AACtB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,6CAA2B;AAC3B,0CAAwB;AACxB,+CAA6B;AAC7B,yCAAuB;AACvB,iDAA+B;AAC/B,8CAA4B;AAC5B,wCAAsB;AACtB,gDAA8B;AAC9B,8CAA4B;AAC5B,0CAAwB;AACxB,gDAA8B;AAC9B,+CAA6B;AAC7B,6CAA2B;AAC3B,kDAAgC"}
|
package/package.json
CHANGED
|
@@ -7,7 +7,6 @@ import {
|
|
|
7
7
|
Restricted,
|
|
8
8
|
useCall,
|
|
9
9
|
useConnectedUser,
|
|
10
|
-
useHasPermissions,
|
|
11
10
|
useParticipants,
|
|
12
11
|
} from '@stream-io/video-react-bindings';
|
|
13
12
|
import {
|
|
@@ -42,15 +41,7 @@ const CallParticipantInfoItem = (props: CallParticipantInfoViewType) => {
|
|
|
42
41
|
const connectedUser = useConnectedUser();
|
|
43
42
|
const participantIsLocalParticipant =
|
|
44
43
|
participant.userId === connectedUser?.id;
|
|
45
|
-
|
|
46
|
-
OwnCapability.MUTE_USERS,
|
|
47
|
-
);
|
|
48
|
-
const userHasUpdateCallPermissionsCapability = useHasPermissions(
|
|
49
|
-
OwnCapability.UPDATE_CALL_PERMISSIONS,
|
|
50
|
-
);
|
|
51
|
-
const userHasBlockUserCapability = useHasPermissions(
|
|
52
|
-
OwnCapability.BLOCK_USERS,
|
|
53
|
-
);
|
|
44
|
+
|
|
54
45
|
const optionsOpenHandler = useCallback(() => {
|
|
55
46
|
if (!participantIsLocalParticipant) {
|
|
56
47
|
setSelectedParticipant(participant);
|
|
@@ -66,17 +57,9 @@ const CallParticipantInfoItem = (props: CallParticipantInfoViewType) => {
|
|
|
66
57
|
const isScreenSharing = publishedTracks.includes(
|
|
67
58
|
SfuModels.TrackType.SCREEN_SHARE,
|
|
68
59
|
);
|
|
69
|
-
const isParticipantItemPressable =
|
|
70
|
-
userHasBlockUserCapability ||
|
|
71
|
-
userHasMuteUsersCapability ||
|
|
72
|
-
userHasUpdateCallPermissionsCapability;
|
|
73
60
|
|
|
74
61
|
return (
|
|
75
|
-
<Pressable
|
|
76
|
-
style={styles.participant}
|
|
77
|
-
onPress={optionsOpenHandler}
|
|
78
|
-
disabled={!isParticipantItemPressable}
|
|
79
|
-
>
|
|
62
|
+
<Pressable style={styles.participant} onPress={optionsOpenHandler}>
|
|
80
63
|
<Avatar radius={theme.avatar.xs} participant={participant} />
|
|
81
64
|
|
|
82
65
|
<Text style={styles.name}>
|
|
@@ -100,17 +83,9 @@ const CallParticipantInfoItem = (props: CallParticipantInfoViewType) => {
|
|
|
100
83
|
</View>
|
|
101
84
|
)}
|
|
102
85
|
{!participantIsLocalParticipant && (
|
|
103
|
-
<
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
OwnCapability.UPDATE_CALL_PERMISSIONS,
|
|
107
|
-
OwnCapability.BLOCK_USERS,
|
|
108
|
-
]}
|
|
109
|
-
>
|
|
110
|
-
<View style={[styles.svgContainerStyle, theme.icon.sm]}>
|
|
111
|
-
<ArrowRight color={theme.dark.text_high_emphasis} />
|
|
112
|
-
</View>
|
|
113
|
-
</Restricted>
|
|
86
|
+
<View style={[styles.svgContainerStyle, theme.icon.sm]}>
|
|
87
|
+
<ArrowRight color={theme.dark.text_high_emphasis} />
|
|
88
|
+
</View>
|
|
114
89
|
)}
|
|
115
90
|
</View>
|
|
116
91
|
</Pressable>
|
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
Cross,
|
|
8
8
|
Mic,
|
|
9
9
|
MicOff,
|
|
10
|
+
Pin,
|
|
10
11
|
ScreenShare,
|
|
11
12
|
Video,
|
|
12
13
|
VideoDisabled,
|
|
@@ -83,6 +84,13 @@ export const CallParticipantOptions = (props: CallParticipantOptionsType) => {
|
|
|
83
84
|
await call?.blockUser(participant.userId);
|
|
84
85
|
};
|
|
85
86
|
|
|
87
|
+
const toggleParticipantPinnedAt = () => {
|
|
88
|
+
call?.setParticipantPinnedAt(
|
|
89
|
+
participant.sessionId,
|
|
90
|
+
participant.pinnedAt ? undefined : Date.now(),
|
|
91
|
+
);
|
|
92
|
+
};
|
|
93
|
+
|
|
86
94
|
const participantPublishesVideo = participant.publishedTracks.includes(
|
|
87
95
|
SfuModels.TrackType.VIDEO,
|
|
88
96
|
);
|
|
@@ -163,7 +171,14 @@ export const CallParticipantOptions = (props: CallParticipantOptionsType) => {
|
|
|
163
171
|
]
|
|
164
172
|
: [];
|
|
165
173
|
|
|
174
|
+
const pinParticipant: CallParticipantOptionType | null = {
|
|
175
|
+
icon: <Pin color={theme.dark.text_high_emphasis} />,
|
|
176
|
+
title: participant.pinnedAt ? 'Unpin' : 'Pin',
|
|
177
|
+
onPressHandler: toggleParticipantPinnedAt,
|
|
178
|
+
};
|
|
179
|
+
|
|
166
180
|
const options: (CallParticipantOptionType | null)[] = [
|
|
181
|
+
pinParticipant,
|
|
167
182
|
...blockCapabilities,
|
|
168
183
|
...muteUserCapabilities,
|
|
169
184
|
...updateCallPermissionsCapabilities,
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import React, { useEffect, useRef } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
Pressable,
|
|
4
|
+
StyleProp,
|
|
5
|
+
StyleSheet,
|
|
6
|
+
Text,
|
|
7
|
+
View,
|
|
8
|
+
ViewStyle,
|
|
9
|
+
} from 'react-native';
|
|
3
10
|
import { MediaStream, RTCView } from 'react-native-webrtc';
|
|
4
11
|
import {
|
|
5
12
|
SfuModels,
|
|
@@ -9,7 +16,7 @@ import {
|
|
|
9
16
|
} from '@stream-io/video-client';
|
|
10
17
|
import { VideoRenderer } from './VideoRenderer';
|
|
11
18
|
import { Avatar } from './Avatar';
|
|
12
|
-
import { MicOff, ScreenShare, VideoSlash } from '../icons';
|
|
19
|
+
import { MicOff, PinVertical, ScreenShare, VideoSlash } from '../icons';
|
|
13
20
|
import { theme } from '../theme';
|
|
14
21
|
import { palette } from '../theme/constants';
|
|
15
22
|
import { ParticipantReaction } from './ParticipantReaction';
|
|
@@ -196,6 +203,9 @@ export const ParticipantView = (props: ParticipantViewProps) => {
|
|
|
196
203
|
borderColor: palette.grey800,
|
|
197
204
|
borderWidth: 2,
|
|
198
205
|
};
|
|
206
|
+
const unPinParticipantHandler = () => {
|
|
207
|
+
call?.setParticipantPinnedAt(participant.sessionId, undefined);
|
|
208
|
+
};
|
|
199
209
|
|
|
200
210
|
const participantLabel = participant.name || participant.userId;
|
|
201
211
|
|
|
@@ -248,6 +258,14 @@ export const ParticipantView = (props: ParticipantViewProps) => {
|
|
|
248
258
|
<VideoSlash color={theme.light.error} />
|
|
249
259
|
</View>
|
|
250
260
|
)}
|
|
261
|
+
{participant.pinnedAt && (
|
|
262
|
+
<Pressable
|
|
263
|
+
style={[styles.svgContainerStyle, theme.icon.xs]}
|
|
264
|
+
onPress={unPinParticipantHandler}
|
|
265
|
+
>
|
|
266
|
+
<PinVertical color={theme.light.static_white} />
|
|
267
|
+
</Pressable>
|
|
268
|
+
)}
|
|
251
269
|
</View>
|
|
252
270
|
)}
|
|
253
271
|
{kind === 'screen' && (
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Svg, Path } from 'react-native-svg';
|
|
3
|
+
|
|
4
|
+
type Props = {
|
|
5
|
+
color: string;
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export const PinVertical = ({ color }: Props) => (
|
|
9
|
+
<Svg viewBox="0 0 21 20">
|
|
10
|
+
<Path
|
|
11
|
+
fill={color}
|
|
12
|
+
d="M12.0682 3.45222V7.46363C12.0682 8.36218 12.365 9.19656 12.8705 9.87047H8.05678C8.57827 9.18051 8.85906 8.34614 8.85906 7.46363V3.45222H12.0682ZM14.475 1.84766H6.45222C6.01096 1.84766 5.64994 2.20868 5.64994 2.64994C5.64994 3.09119 6.01096 3.45222 6.45222 3.45222H7.2545V7.46363C7.2545 8.79541 6.17944 9.87047 4.84766 9.87047V11.475H9.63728V17.091L10.4396 17.8933L11.2418 17.091V11.475H16.0796V9.87047C14.7478 9.87047 13.6728 8.79541 13.6728 7.46363V3.45222H14.475C14.9163 3.45222 15.2773 3.09119 15.2773 2.64994C15.2773 2.20868 14.9163 1.84766 14.475 1.84766Z"
|
|
13
|
+
/>
|
|
14
|
+
</Svg>
|
|
15
|
+
);
|
package/src/icons/index.tsx
CHANGED