diff --git a/android/app/src/main/assets/fonts/AntDesign.ttf b/android/app/src/main/assets/fonts/AntDesign.ttf deleted file mode 100644 index 2abf03542..000000000 Binary files a/android/app/src/main/assets/fonts/AntDesign.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/Entypo.ttf b/android/app/src/main/assets/fonts/Entypo.ttf deleted file mode 100644 index 1c8f5e910..000000000 Binary files a/android/app/src/main/assets/fonts/Entypo.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/EvilIcons.ttf b/android/app/src/main/assets/fonts/EvilIcons.ttf deleted file mode 100644 index 6868f7bb6..000000000 Binary files a/android/app/src/main/assets/fonts/EvilIcons.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/Feather.ttf b/android/app/src/main/assets/fonts/Feather.ttf deleted file mode 100755 index fc963dfe2..000000000 Binary files a/android/app/src/main/assets/fonts/Feather.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/FontAwesome.ttf b/android/app/src/main/assets/fonts/FontAwesome.ttf deleted file mode 100644 index 35acda2fa..000000000 Binary files a/android/app/src/main/assets/fonts/FontAwesome.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf b/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf deleted file mode 100644 index 5f72e9127..000000000 Binary files a/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf b/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf deleted file mode 100644 index a309313d5..000000000 Binary files a/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf b/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf deleted file mode 100644 index 7ece3282a..000000000 Binary files a/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/Foundation.ttf b/android/app/src/main/assets/fonts/Foundation.ttf deleted file mode 100644 index 6cce217dd..000000000 Binary files a/android/app/src/main/assets/fonts/Foundation.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/Ionicons.ttf b/android/app/src/main/assets/fonts/Ionicons.ttf deleted file mode 100644 index 67bd84202..000000000 Binary files a/android/app/src/main/assets/fonts/Ionicons.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf b/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf deleted file mode 100644 index 3219fca04..000000000 Binary files a/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/MaterialIcons.ttf b/android/app/src/main/assets/fonts/MaterialIcons.ttf deleted file mode 100644 index 7015564ad..000000000 Binary files a/android/app/src/main/assets/fonts/MaterialIcons.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/Octicons.ttf b/android/app/src/main/assets/fonts/Octicons.ttf deleted file mode 100644 index ceac75d75..000000000 Binary files a/android/app/src/main/assets/fonts/Octicons.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/SimpleLineIcons.ttf b/android/app/src/main/assets/fonts/SimpleLineIcons.ttf deleted file mode 100644 index 6ecb68683..000000000 Binary files a/android/app/src/main/assets/fonts/SimpleLineIcons.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/Zocial.ttf b/android/app/src/main/assets/fonts/Zocial.ttf deleted file mode 100644 index e4ae46c62..000000000 Binary files a/android/app/src/main/assets/fonts/Zocial.ttf and /dev/null differ diff --git a/android/app/src/main/assets/fonts/compass-icons.ttf b/android/app/src/main/assets/fonts/compass-icons.ttf new file mode 100644 index 000000000..f74b3219b Binary files /dev/null and b/android/app/src/main/assets/fonts/compass-icons.ttf differ diff --git a/app/components/announcement_banner/__snapshots__/announcement_banner.test.js.snap b/app/components/announcement_banner/__snapshots__/announcement_banner.test.js.snap index 2453aeafa..aff700187 100644 --- a/app/components/announcement_banner/__snapshots__/announcement_banner.test.js.snap +++ b/app/components/announcement_banner/__snapshots__/announcement_banner.test.js.snap @@ -54,7 +54,7 @@ exports[`AnnouncementBanner should match snapshot 1`] = ` @@ -115,7 +115,7 @@ exports[`AnnouncementBanner should match snapshot 2`] = ` diff --git a/app/components/announcement_banner/announcement_banner.js b/app/components/announcement_banner/announcement_banner.js index cf25581a1..218a067e0 100644 --- a/app/components/announcement_banner/announcement_banner.js +++ b/app/components/announcement_banner/announcement_banner.js @@ -11,11 +11,11 @@ import { TouchableOpacity, } from 'react-native'; import {intlShape} from 'react-intl'; -import MaterialIcons from 'react-native-vector-icons/MaterialIcons'; -import RemoveMarkdown from 'app/components/remove_markdown'; -import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; -import {goToScreen} from 'app/actions/navigation'; +import CompassIcon from '@components/compass_icon'; +import RemoveMarkdown from '@components/remove_markdown'; +import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; +import {goToScreen} from '@actions/navigation'; const {View: AnimatedView} = Animated; @@ -122,9 +122,9 @@ export default class AnnouncementBanner extends PureComponent { > - diff --git a/app/components/app_icon.js b/app/components/app_icon.js deleted file mode 100644 index 831e598ba..000000000 --- a/app/components/app_icon.js +++ /dev/null @@ -1,44 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See LICENSE.txt for license information. - -import React, {PureComponent} from 'react'; -import PropTypes from 'prop-types'; -import Svg, { - G, - Path, -} from 'react-native-svg'; - -export default class AppIcon extends PureComponent { - static propTypes = { - width: PropTypes.number.isRequired, - height: PropTypes.number.isRequired, - color: PropTypes.string.isRequired, - }; - - render() { - return ( - - - - - - - - - ); - } -} diff --git a/app/components/at_mention/at_mention.js b/app/components/at_mention/at_mention.js index 99be4eee5..39c3b00a5 100644 --- a/app/components/at_mention/at_mention.js +++ b/app/components/at_mention/at_mention.js @@ -6,13 +6,13 @@ import PropTypes from 'prop-types'; import {StyleSheet, Text} from 'react-native'; import Clipboard from '@react-native-community/clipboard'; import {intlShape} from 'react-intl'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; +import {displayUsername} from '@mm-redux/utils/user_utils'; import {showModal} from '@actions/navigation'; -import {displayUsername} from '@mm-redux/utils/user_utils'; +import CompassIcon from '@components/compass_icon'; import CustomPropTypes from '@constants/custom_prop_types'; -import mattermostManaged from 'app/mattermost_managed'; import BottomSheet from '@utils/bottom_sheet'; +import mattermostManaged from 'app/mattermost_managed'; export default class AtMention extends React.PureComponent { static propTypes = { @@ -57,7 +57,7 @@ export default class AtMention extends React.PureComponent { }; if (!this.closeButton) { - this.closeButton = await MaterialIcon.getImageSource('close', 20, theme.sidebarHeaderTextColor); + this.closeButton = await CompassIcon.getImageSource('close', 24, theme.sidebarHeaderTextColor); } const options = { diff --git a/app/components/attachment_button/__snapshots__/index.test.js.snap b/app/components/attachment_button/__snapshots__/index.test.js.snap index ecb7cc3f7..884b02fa1 100644 --- a/app/components/attachment_button/__snapshots__/index.test.js.snap +++ b/app/components/attachment_button/__snapshots__/index.test.js.snap @@ -16,7 +16,7 @@ exports[`AttachmentButton should match snapshot 1`] = ` - ); diff --git a/app/components/autocomplete/at_mention_group/at_mention_group.js b/app/components/autocomplete/at_mention_group/at_mention_group.js index fab32663e..01d925367 100644 --- a/app/components/autocomplete/at_mention_group/at_mention_group.js +++ b/app/components/autocomplete/at_mention_group/at_mention_group.js @@ -7,10 +7,10 @@ import { Text, View, } from 'react-native'; -import Icon from 'react-native-vector-icons/FontAwesome'; -import TouchableWithFeedback from 'app/components/touchable_with_feedback'; -import {makeStyleSheetFromTheme, changeOpacity} from 'app/utils/theme'; +import CompassIcon from '@components/compass_icon'; +import TouchableWithFeedback from '@components/touchable_with_feedback'; +import {makeStyleSheetFromTheme, changeOpacity} from '@utils/theme'; export default class GroupMentionItem extends PureComponent { static propTypes = { @@ -39,8 +39,8 @@ export default class GroupMentionItem extends PureComponent { type={'opacity'} > - diff --git a/app/components/autocomplete/at_mention_item/at_mention_item.js b/app/components/autocomplete/at_mention_item/at_mention_item.js index 1ef9938bf..b745e5331 100644 --- a/app/components/autocomplete/at_mention_item/at_mention_item.js +++ b/app/components/autocomplete/at_mention_item/at_mention_item.js @@ -54,7 +54,7 @@ export default class AtMentionItem extends PureComponent { name += `(${nickname})`; } - return name; + return name.trim(); } render() { @@ -97,6 +97,7 @@ export default class AtMentionItem extends PureComponent { show={isGuest} theme={theme} /> + {Boolean(name.length) && } + } {` @${username}`} @@ -140,6 +142,7 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => { rowFullname: { fontSize: 15, color: theme.centerChannelColor, + paddingLeft: 4, }, rowUsername: { color: theme.centerChannelColor, diff --git a/app/components/autocomplete/channel_mention_item/channel_mention_item.js b/app/components/autocomplete/channel_mention_item/channel_mention_item.js index d3f9731e6..5b7bde4d3 100644 --- a/app/components/autocomplete/channel_mention_item/channel_mention_item.js +++ b/app/components/autocomplete/channel_mention_item/channel_mention_item.js @@ -7,13 +7,13 @@ import { Text, View, } from 'react-native'; -import VectorIcon from 'app/components/vector_icon.js'; import {General} from '@mm-redux/constants'; -import {BotTag, GuestTag} from 'app/components/tag'; -import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; -import TouchableWithFeedback from 'app/components/touchable_with_feedback'; -import {makeStyleSheetFromTheme, changeOpacity} from 'app/utils/theme'; +import CompassIcon from '@components/compass_icon'; +import {BotTag, GuestTag} from '@components/tag'; +import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; +import TouchableWithFeedback from '@components/touchable_with_feedback'; +import {makeStyleSheetFromTheme, changeOpacity} from '@utils/theme'; export default class ChannelMentionItem extends PureComponent { static propTypes = { @@ -50,10 +50,10 @@ export default class ChannelMentionItem extends PureComponent { } = this.props; const style = getStyleFromTheme(theme); - let iconName = 'public'; + let iconName = 'globe'; let component; if (type === General.PRIVATE_CHANNEL) { - iconName = 'private'; + iconName = 'lock'; } if (type === General.DM_CHANNEL || type === General.GM_CHANNEL) { @@ -89,9 +89,8 @@ export default class ChannelMentionItem extends PureComponent { type={'native'} > - {displayName} diff --git a/app/components/autocomplete/special_mention_item.js b/app/components/autocomplete/special_mention_item.js index 4054b4943..f1d9fd279 100644 --- a/app/components/autocomplete/special_mention_item.js +++ b/app/components/autocomplete/special_mention_item.js @@ -7,11 +7,11 @@ import { Text, View, } from 'react-native'; -import Icon from 'react-native-vector-icons/FontAwesome'; -import FormattedText from 'app/components/formatted_text'; -import TouchableWithFeedback from 'app/components/touchable_with_feedback'; -import {makeStyleSheetFromTheme, changeOpacity} from 'app/utils/theme'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import TouchableWithFeedback from '@components/touchable_with_feedback'; +import {makeStyleSheetFromTheme, changeOpacity} from '@utils/theme'; export default class SpecialMentionItem extends PureComponent { static propTypes = { @@ -47,8 +47,8 @@ export default class SpecialMentionItem extends PureComponent { > - diff --git a/app/components/autocomplete_selector/autocomplete_selector.js b/app/components/autocomplete_selector/autocomplete_selector.js index 77c3e8723..0833e9aca 100644 --- a/app/components/autocomplete_selector/autocomplete_selector.js +++ b/app/components/autocomplete_selector/autocomplete_selector.js @@ -5,17 +5,17 @@ import React, {PureComponent} from 'react'; import {Text, View} from 'react-native'; import PropTypes from 'prop-types'; import {intlShape} from 'react-intl'; -import Icon from 'react-native-vector-icons/FontAwesome'; import {displayUsername} from '@mm-redux/utils/user_utils'; -import FormattedText from 'app/components/formatted_text'; -import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; -import TouchableWithFeedback from 'app/components/touchable_with_feedback'; -import {preventDoubleTap} from 'app/utils/tap'; -import {makeStyleSheetFromTheme, changeOpacity} from 'app/utils/theme'; -import {ViewTypes} from 'app/constants'; -import {goToScreen} from 'app/actions/navigation'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; +import TouchableWithFeedback from '@components/touchable_with_feedback'; +import {preventDoubleTap} from '@utils/tap'; +import {makeStyleSheetFromTheme, changeOpacity} from '@utils/theme'; +import {ViewTypes} from '@constants'; +import {goToScreen} from '@actions/navigation'; export default class AutocompleteSelector extends PureComponent { static propTypes = { @@ -202,7 +202,7 @@ export default class AutocompleteSelector extends PureComponent { > {text} - ); } else if (isBot) { icon = ( - ); } else if (hasDraft) { icon = ( - ); } else if (type === General.OPEN_CHANNEL) { icon = ( - ); } else if (type === General.PRIVATE_CHANNEL) { icon = ( - ); } else if (type === General.GM_CHANNEL) { @@ -132,37 +126,33 @@ export default class ChannelIcon extends React.PureComponent { switch (status) { case General.AWAY: icon = ( - ); break; case General.DND: icon = ( - ); break; case General.ONLINE: icon = ( - ); break; default: icon = ( - ); break; @@ -180,7 +170,7 @@ export default class ChannelIcon extends React.PureComponent { const getStyleSheet = makeStyleSheetFromTheme((theme) => { return { container: { - marginRight: 12, + marginRight: 8, alignItems: 'center', }, icon: { diff --git a/app/components/channel_intro/channel_intro.js b/app/components/channel_intro/channel_intro.js index a07024c4c..f0cee2e1a 100644 --- a/app/components/channel_intro/channel_intro.js +++ b/app/components/channel_intro/channel_intro.js @@ -8,20 +8,20 @@ import { View, } from 'react-native'; import {injectIntl, intlShape} from 'react-intl'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; import {displayUsername} from '@mm-redux/utils/user_utils'; import {General} from '@mm-redux/constants'; -import {showModal} from 'app/actions/navigation'; -import ProfilePicture from 'app/components/profile_picture'; -import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; -import {BotTag, GuestTag} from 'app/components/tag'; -import TouchableWithFeedback from 'app/components/touchable_with_feedback'; -import {preventDoubleTap} from 'app/utils/tap'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; -import {t} from 'app/utils/i18n'; -import {isGuest} from 'app/utils/users'; +import {showModal} from '@actions/navigation'; +import CompassIcon from '@components/compass_icon'; +import ProfilePicture from '@components/profile_picture'; +import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; +import {BotTag, GuestTag} from '@components/tag'; +import TouchableWithFeedback from '@components/touchable_with_feedback'; +import {preventDoubleTap} from '@utils/tap'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; +import {t} from '@utils/i18n'; +import {isGuest} from '@utils/users'; class ChannelIntro extends PureComponent { static propTypes = { @@ -47,7 +47,7 @@ class ChannelIntro extends PureComponent { }; if (!this.closeButton) { - this.closeButton = await MaterialIcon.getImageSource('close', 20, theme.sidebarHeaderTextColor); + this.closeButton = await CompassIcon.getImageSource('close', 24, theme.sidebarHeaderTextColor); } const options = { @@ -91,6 +91,7 @@ class ChannelIntro extends PureComponent { diff --git a/app/components/checkmark.js b/app/components/checkmark.js deleted file mode 100644 index 1c96b1248..000000000 --- a/app/components/checkmark.js +++ /dev/null @@ -1,29 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See LICENSE.txt for license information. - -import React, {PureComponent} from 'react'; -import PropTypes from 'prop-types'; -import Svg, {Path} from 'react-native-svg'; - -export default class CheckMark extends PureComponent { - static propTypes = { - width: PropTypes.number.isRequired, - height: PropTypes.number.isRequired, - color: PropTypes.string.isRequired, - }; - - render() { - return ( - - - - ); - } -} diff --git a/app/components/client_upgrade_listener/client_upgrade_listener.js b/app/components/client_upgrade_listener/client_upgrade_listener.js index d9a274b60..5013971bd 100644 --- a/app/components/client_upgrade_listener/client_upgrade_listener.js +++ b/app/components/client_upgrade_listener/client_upgrade_listener.js @@ -11,13 +11,13 @@ import { View, } from 'react-native'; import {intlShape} from 'react-intl'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; -import FormattedText from 'app/components/formatted_text'; -import {DeviceTypes} from 'app/constants'; -import {checkUpgradeType, isUpgradeAvailable} from 'app/utils/client_upgrade'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; -import {showModal, dismissModal} from 'app/actions/navigation'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import {DeviceTypes} from '@constants'; +import {checkUpgradeType, isUpgradeAvailable} from '@utils/client_upgrade'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; +import {showModal, dismissModal} from '@actions/navigation'; const {View: AnimatedView} = Animated; @@ -46,7 +46,7 @@ export default class ClientUpgradeListener extends PureComponent { constructor(props) { super(props); - MaterialIcon.getImageSource('close', 20, this.props.theme.sidebarHeaderTextColor).then((source) => { + CompassIcon.getImageSource('close', 24, this.props.theme.sidebarHeaderTextColor).then((source) => { this.closeButton = source; }); diff --git a/app/components/compass_icon/index.js b/app/components/compass_icon/index.js new file mode 100644 index 000000000..57778a996 --- /dev/null +++ b/app/components/compass_icon/index.js @@ -0,0 +1,7 @@ +// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. +// See LICENSE.txt for license information. + +import {createIconSetFromFontello} from 'react-native-vector-icons'; +import fontelloConfig from '@assets/compass-icons.json'; + +export default createIconSetFromFontello(fontelloConfig, 'compass-icons', 'compass-icons.ttf'); \ No newline at end of file diff --git a/app/components/custom_list/channel_list_row/channel_list_row.js b/app/components/custom_list/channel_list_row/channel_list_row.js index 096339ae2..f98cf9b63 100644 --- a/app/components/custom_list/channel_list_row/channel_list_row.js +++ b/app/components/custom_list/channel_list_row/channel_list_row.js @@ -7,10 +7,10 @@ import { Text, View, } from 'react-native'; -import Icon from 'react-native-vector-icons/FontAwesome'; -import {makeStyleSheetFromTheme, changeOpacity} from 'app/utils/theme'; -import CustomListRow from 'app/components/custom_list/custom_list_row'; +import CompassIcon from '@components/compass_icon'; +import CustomListRow from '@components/custom_list/custom_list_row'; +import {makeStyleSheetFromTheme, changeOpacity} from '@utils/theme'; export default class ChannelListRow extends React.PureComponent { static propTypes = { @@ -53,8 +53,8 @@ export default class ChannelListRow extends React.PureComponent { > - diff --git a/app/components/custom_list/custom_list_row.js b/app/components/custom_list/custom_list_row.js index 3caec1af7..b152f0ed3 100644 --- a/app/components/custom_list/custom_list_row.js +++ b/app/components/custom_list/custom_list_row.js @@ -7,10 +7,11 @@ import { StyleSheet, View, } from 'react-native'; -import Icon from 'react-native-vector-icons/FontAwesome'; -import {paddingLeft as padding} from 'app/components/safe_area_view/iphone_x_spacing'; -import ConditionalTouchable from 'app/components/conditional_touchable'; -import CustomPropTypes from 'app/constants/custom_prop_types'; + +import CompassIcon from '@components/compass_icon'; +import {paddingLeft as padding} from '@components/safe_area_view/iphone_x_spacing'; +import ConditionalTouchable from '@components/conditional_touchable'; +import CustomPropTypes from '@constants/custom_prop_types'; export default class CustomListRow extends React.PureComponent { static propTypes = { @@ -40,9 +41,9 @@ export default class CustomListRow extends React.PureComponent { {this.props.selected && - } @@ -92,7 +93,7 @@ const style = StyleSheet.create({ backgroundColor: '#888', }, selectorFilled: { - backgroundColor: '#378FD2', + backgroundColor: '#166DE0', borderWidth: 0, }, }); diff --git a/app/components/custom_list/user_list_row/__snapshots__/user_list_test.test.js.snap b/app/components/custom_list/user_list_row/__snapshots__/user_list_test.test.js.snap index 2d62ec3d1..76238c0d1 100644 --- a/app/components/custom_list/user_list_row/__snapshots__/user_list_test.test.js.snap +++ b/app/components/custom_list/user_list_row/__snapshots__/user_list_test.test.js.snap @@ -27,6 +27,7 @@ exports[`UserListRow should match snapshot 1`] = ` } > @@ -159,6 +160,7 @@ exports[`UserListRow should match snapshot for currentUser with (you) populated } > @@ -289,6 +291,7 @@ exports[`UserListRow should match snapshot for deactivated user 1`] = ` } > @@ -432,6 +435,7 @@ exports[`UserListRow should match snapshot for guest user 1`] = ` } > diff --git a/app/components/custom_list/user_list_row/user_list_row.js b/app/components/custom_list/user_list_row/user_list_row.js index 1b620b6ca..fec7302a2 100644 --- a/app/components/custom_list/user_list_row/user_list_row.js +++ b/app/components/custom_list/user_list_row/user_list_row.js @@ -78,6 +78,7 @@ export default class UserListRow extends React.PureComponent { diff --git a/app/components/deleted_post.js b/app/components/deleted_post.js index 2fd248ac2..272d64ae2 100644 --- a/app/components/deleted_post.js +++ b/app/components/deleted_post.js @@ -4,10 +4,11 @@ import React, {PureComponent} from 'react'; import {View} from 'react-native'; import PropTypes from 'prop-types'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; -import FormattedText from 'app/components/formatted_text'; -import AppIcon from 'app/components/app_icon'; -import {ViewTypes} from 'app/constants'; + +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; +import {ViewTypes} from '@constants'; class DeletedPost extends PureComponent { static propTypes = { @@ -20,10 +21,10 @@ class DeletedPost extends PureComponent { return ( - diff --git a/app/components/emoji_picker/__snapshots__/emoji_picker.test.js.snap b/app/components/emoji_picker/__snapshots__/emoji_picker.test.js.snap index 5802db973..109fba4fc 100644 --- a/app/components/emoji_picker/__snapshots__/emoji_picker.test.js.snap +++ b/app/components/emoji_picker/__snapshots__/emoji_picker.test.js.snap @@ -2098,7 +2098,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = ` }, ], "defaultMessage": "PEOPLE", - "icon": "smile-o", + "icon": "emoticon-happy-outline", "id": "mobile.emoji_picker.people", "key": "people", }, @@ -3182,7 +3182,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = ` }, ], "defaultMessage": "NATURE", - "icon": "leaf", + "icon": "leaf-outline", "id": "mobile.emoji_picker.nature", "key": "nature", }, @@ -3778,7 +3778,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = ` }, ], "defaultMessage": "FOODS", - "icon": "cutlery", + "icon": "food-apple", "id": "mobile.emoji_picker.foods", "key": "foods", }, @@ -4335,7 +4335,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = ` }, ], "defaultMessage": "ACTIVITY", - "icon": "futbol-o", + "icon": "basketball", "id": "mobile.emoji_picker.activity", "key": "activity", }, @@ -5144,7 +5144,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = ` }, ], "defaultMessage": "PLACES", - "icon": "plane", + "icon": "airplane-variant", "id": "mobile.emoji_picker.places", "key": "places", }, @@ -6323,7 +6323,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = ` }, ], "defaultMessage": "OBJECTS", - "icon": "lightbulb-o", + "icon": "lightbulb-outline", "id": "mobile.emoji_picker.objects", "key": "objects", }, @@ -8155,7 +8155,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = ` }, ], "defaultMessage": "SYMBOLS", - "icon": "heart-o", + "icon": "heart-outline", "id": "mobile.emoji_picker.symbols", "key": "symbols", }, @@ -9874,7 +9874,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = ` }, ], "defaultMessage": "FLAGS", - "icon": "flag-o", + "icon": "flag-outline", "id": "mobile.emoji_picker.flags", "key": "flags", }, @@ -9952,7 +9952,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = ` }, ], "defaultMessage": "CUSTOM", - "icon": "at", + "icon": "emoticon-custom-outline", "id": "mobile.emoji_picker.custom", "key": "custom", }, @@ -10010,7 +10010,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = ` > - - diff --git a/app/components/error_list/error_list.js b/app/components/error_list/error_list.js index 4e1377d1b..72cd3e080 100644 --- a/app/components/error_list/error_list.js +++ b/app/components/error_list/error_list.js @@ -9,10 +9,10 @@ import { View, TouchableOpacity, } from 'react-native'; -import Icon from 'react-native-vector-icons/FontAwesome'; import Config from '@assets/config.json'; import FormattedText from '@components/formatted_text'; +import CompassIcon from '@components/compass_icon'; import GeneralError from './general_error'; @@ -98,7 +98,7 @@ export default class ErrorList extends PureComponent { onPress={() => this.props.actions.clearErrors()} > - - @@ -28,14 +30,16 @@ exports[`FileAttachment should match snapshot 1`] = ` type="opacity" > diff --git a/app/components/file_attachment_list/file_attachment.js b/app/components/file_attachment_list/file_attachment.js index f4be128ab..7843c8044 100644 --- a/app/components/file_attachment_list/file_attachment.js +++ b/app/components/file_attachment_list/file_attachment.js @@ -246,8 +246,10 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { borderRadius: 5, }, iconWrapper: { - marginHorizontal: 20, - marginVertical: 10, + marginTop: 7.8, + marginRight: 6, + marginBottom: 8.2, + marginLeft: 8, }, circularProgress: { width: '100%', diff --git a/app/components/file_attachment_list/file_attachment_document/file_attachment_document.js b/app/components/file_attachment_list/file_attachment_document/file_attachment_document.js index f5c7a6852..1a867d49c 100644 --- a/app/components/file_attachment_list/file_attachment_document/file_attachment_document.js +++ b/app/components/file_attachment_list/file_attachment_document/file_attachment_document.js @@ -26,8 +26,6 @@ import mattermostBucket from 'app/mattermost_bucket'; import {changeOpacity} from 'app/utils/theme'; import {goToScreen} from 'app/actions/navigation'; -import {ATTACHMENT_ICON_HEIGHT, ATTACHMENT_ICON_WIDTH} from 'app/constants/attachment'; - const {DOCUMENTS_PATH} = DeviceTypes; const TEXT_PREVIEW_FORMATS = [ 'application/json', @@ -40,20 +38,9 @@ export default class FileAttachmentDocument extends PureComponent { static propTypes = { backgroundColor: PropTypes.string, canDownloadFiles: PropTypes.bool.isRequired, - iconHeight: PropTypes.number, - iconWidth: PropTypes.number, file: PropTypes.object.isRequired, theme: PropTypes.object.isRequired, onLongPress: PropTypes.func, - wrapperHeight: PropTypes.number, - wrapperWidth: PropTypes.number, - }; - - static defaultProps = { - iconHeight: ATTACHMENT_ICON_HEIGHT, - iconWidth: ATTACHMENT_ICON_WIDTH, - wrapperHeight: ATTACHMENT_ICON_HEIGHT, - wrapperWidth: ATTACHMENT_ICON_WIDTH, }; static contextTypes = { @@ -322,17 +309,13 @@ export default class FileAttachmentDocument extends PureComponent { }; renderFileAttachmentIcon = () => { - const {backgroundColor, iconHeight, iconWidth, file, theme, wrapperHeight, wrapperWidth} = this.props; + const {backgroundColor, file, theme} = this.props; return ( ); } diff --git a/app/components/file_attachment_list/file_attachment_icon.js b/app/components/file_attachment_list/file_attachment_icon.js index e54d393e7..423928fbd 100644 --- a/app/components/file_attachment_list/file_attachment_icon.js +++ b/app/components/file_attachment_list/file_attachment_icon.js @@ -4,62 +4,70 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import { - Image, View, StyleSheet, } from 'react-native'; -import audioIcon from '@assets/images/icons/audio.png'; -import codeIcon from '@assets/images/icons/code.png'; -import excelIcon from '@assets/images/icons/excel.png'; -import genericIcon from '@assets/images/icons/generic.png'; -import imageIcon from '@assets/images/icons/image.png'; -import patchIcon from '@assets/images/icons/patch.png'; -import pdfIcon from '@assets/images/icons/pdf.png'; -import pptIcon from '@assets/images/icons/ppt.png'; -import textIcon from '@assets/images/icons/text.png'; -import videoIcon from '@assets/images/icons/video.png'; -import wordIcon from '@assets/images/icons/word.png'; -import {ATTACHMENT_ICON_HEIGHT, ATTACHMENT_ICON_WIDTH} from '@constants/attachment'; import * as Utils from '@mm-redux/utils/file_utils'; -import {changeOpacity} from '@utils/theme'; -const ICON_PATH_FROM_FILE_TYPE = { - audio: audioIcon, - code: codeIcon, - image: imageIcon, - other: genericIcon, - patch: patchIcon, - pdf: pdfIcon, - presentation: pptIcon, - spreadsheet: excelIcon, - text: textIcon, - video: videoIcon, - word: wordIcon, +import CompassIcon from '@components/compass_icon'; + +const BLUE_ICON = '#338AFF'; +const RED_ICON = '#ED522A'; +const GREEN_ICON = '#1CA660'; +const GRAY_ICON = '#999999'; +const FAILED_ICON_NAME_AND_COLOR = ['jumbo-attachment-image-broken', GRAY_ICON]; +const ICON_NAME_AND_COLOR_FROM_FILE_TYPE = { + audio: ['jumbo-attachment-audio', BLUE_ICON], + code: ['jumbo-attachment-code', BLUE_ICON], + image: ['jumbo-attachment-image', BLUE_ICON], + smallImage: ['image-outline', BLUE_ICON], + other: ['jumbo-attachment-generic', BLUE_ICON], + patch: ['jumbo-attachment-patch', BLUE_ICON], + pdf: ['jumbo-attachment-pdf', RED_ICON], + presentation: ['jumbo-attachment-powerpoint', RED_ICON], + spreadsheet: ['jumbo-attachment-excel', GREEN_ICON], + text: ['jumbo-attachment-text', GRAY_ICON], + video: ['jumbo-attachment-video', BLUE_ICON], + word: ['jumbo-attachment-word', BLUE_ICON], + zip: ['jumbo-attachment-zip', BLUE_ICON], }; export default class FileAttachmentIcon extends PureComponent { static propTypes = { backgroundColor: PropTypes.string, - file: PropTypes.object.isRequired, - iconHeight: PropTypes.number, - iconWidth: PropTypes.number, + failed: PropTypes.bool, + defaultImage: PropTypes.bool, + smallImage: PropTypes.bool, + file: PropTypes.object, onCaptureRef: PropTypes.func, - wrapperHeight: PropTypes.number, - wrapperWidth: PropTypes.number, + iconColor: PropTypes.string, + iconSize: PropTypes.number, theme: PropTypes.object, }; static defaultProps = { - iconHeight: ATTACHMENT_ICON_HEIGHT, - iconWidth: ATTACHMENT_ICON_WIDTH, - wrapperHeight: ATTACHMENT_ICON_HEIGHT, - wrapperWidth: ATTACHMENT_ICON_WIDTH, + failed: false, + defaultImage: false, + smallImage: false, + iconSize: 48, }; - getFileIconPath(file) { + getFileIconNameAndColor(file) { + if (this.props.failed) { + return FAILED_ICON_NAME_AND_COLOR; + } + + if (this.props.defaultImage) { + if (this.props.smallImage) { + return ICON_NAME_AND_COLOR_FROM_FILE_TYPE.smallImage; + } + + return ICON_NAME_AND_COLOR_FROM_FILE_TYPE.image; + } + const fileType = Utils.getFileType(file); - return ICON_PATH_FROM_FILE_TYPE[fileType] || ICON_PATH_FROM_FILE_TYPE.other; + return ICON_NAME_AND_COLOR_FROM_FILE_TYPE[fileType] || ICON_NAME_AND_COLOR_FROM_FILE_TYPE.other; } handleCaptureRef = (ref) => { @@ -71,18 +79,20 @@ export default class FileAttachmentIcon extends PureComponent { }; render() { - const {backgroundColor, file, iconHeight, iconWidth, wrapperHeight, wrapperWidth, theme} = this.props; - const source = this.getFileIconPath(file); - const bgColor = backgroundColor || theme.centerChannelBg || 'transparent'; + const {backgroundColor, file, iconSize, theme, iconColor} = this.props; + const [iconName, defaultIconColor] = this.getFileIconNameAndColor(file); + const color = iconColor || defaultIconColor; + const bgColor = backgroundColor || theme?.centerChannelBg || 'transparent'; return ( - ); @@ -91,6 +101,8 @@ export default class FileAttachmentIcon extends PureComponent { const styles = StyleSheet.create({ fileIconWrapper: { + flex: 1, + borderRadius: 4, alignItems: 'center', justifyContent: 'center', }, diff --git a/app/components/file_attachment_list/file_attachment_image.js b/app/components/file_attachment_list/file_attachment_image.js index 824738036..2258abfb8 100644 --- a/app/components/file_attachment_list/file_attachment_image.js +++ b/app/components/file_attachment_list/file_attachment_image.js @@ -8,11 +8,12 @@ import { StyleSheet, } from 'react-native'; -import brokenImageIcon from '@assets/images/icons/brokenimage.png'; import ProgressiveImage from '@components/progressive_image'; import {Client4} from '@mm-redux/client'; import {changeOpacity} from '@utils/theme'; +import FileAttachmentIcon from './file_attachment_icon'; + const SMALL_IMAGE_MAX_HEIGHT = 48; const SMALL_IMAGE_MAX_WIDTH = 48; @@ -36,10 +37,9 @@ export default class FileAttachmentImage extends PureComponent { theme: PropTypes.object, resizeMode: PropTypes.string, resizeMethod: PropTypes.string, - wrapperHeight: PropTypes.number, - wrapperWidth: PropTypes.number, isSingleImage: PropTypes.bool, imageDimensions: PropTypes.object, + backgroundColor: PropTypes.string, }; static defaultProps = { @@ -72,11 +72,8 @@ export default class FileAttachmentImage extends PureComponent { imageProps = (file) => { const imageProps = {}; - const {failed} = this.state; - if (failed) { - imageProps.defaultSource = brokenImageIcon; - } else if (file.localPath) { + if (file.localPath) { imageProps.defaultSource = {uri: file.localPath}; } else if (file.id) { imageProps.thumbnailUri = Client4.getFileThumbnailUrl(file.id); @@ -104,7 +101,10 @@ export default class FileAttachmentImage extends PureComponent { style={[ wrapperStyle, style.smallImageBorder, - {borderColor: changeOpacity(theme.centerChannelColor, 0.4)}, + { + borderColor: changeOpacity(theme.centerChannelColor, 0.4), + backgroundColor: changeOpacity(theme.centerChannelColor, 0.08), + }, ]} > {this.boxPlaceholder()} @@ -124,13 +124,26 @@ export default class FileAttachmentImage extends PureComponent { }; render() { + const {failed} = this.state; const { file, imageDimensions, resizeMethod, resizeMode, + backgroundColor, + theme, } = this.props; + if (failed) { + return ( + + ); + } + if (file.height <= SMALL_IMAGE_MAX_HEIGHT || file.width <= SMALL_IMAGE_MAX_WIDTH) { return this.renderSmallImage(); } @@ -169,7 +182,6 @@ const style = StyleSheet.create({ paddingBottom: '100%', }, smallImageBorder: { - borderWidth: 1, borderRadius: 5, }, smallImageOverlay: { diff --git a/app/components/file_attachment_list/file_attachment_image.test.js b/app/components/file_attachment_list/file_attachment_image.test.js index 6f11b2315..0ab9cc069 100644 --- a/app/components/file_attachment_list/file_attachment_image.test.js +++ b/app/components/file_attachment_list/file_attachment_image.test.js @@ -4,7 +4,6 @@ import React from 'react'; import {shallow} from 'enzyme'; import {Client4} from '@mm-redux/client'; -import brokenImageIcon from '@assets/images/icons/brokenimage.png'; import FileAttachmentImage from './file_attachment_image.js'; @@ -27,15 +26,6 @@ describe('FileAttachmentImage', () => { ); const instance = wrapper.instance(); - it('should have brokenImageIcon as defaultSource if state.failed is true', () => { - wrapper.setState({failed: true}); - const file = {}; - const imageProps = instance.imageProps(file); - expect(imageProps.defaultSource).toStrictEqual(brokenImageIcon); - expect(imageProps.thumbnailUri).toBeUndefined(); - expect(imageProps.imageUri).toBeUndefined(); - }); - it('should have file.localPath as defaultSource if localPath is set', () => { wrapper.setState({failed: false}); const file = {localPath: '/localPath.png'}; diff --git a/app/components/interactive_dialog_controller/interactive_dialog_controller.js b/app/components/interactive_dialog_controller/interactive_dialog_controller.js index b51baa5f0..d365948b8 100644 --- a/app/components/interactive_dialog_controller/interactive_dialog_controller.js +++ b/app/components/interactive_dialog_controller/interactive_dialog_controller.js @@ -3,11 +3,11 @@ import {PureComponent} from 'react'; import PropTypes from 'prop-types'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; import {Alert} from 'react-native'; import {intlShape} from 'react-intl'; -import {showModal} from 'app/actions/navigation'; +import {showModal} from '@actions/navigation'; +import CompassIcon from '@components/compass_icon'; export default class InteractiveDialogController extends PureComponent { static propTypes = { @@ -22,7 +22,7 @@ export default class InteractiveDialogController extends PureComponent { constructor(props) { super(props); - MaterialIcon.getImageSource('close', 20, props.theme.sidebarHeaderTextColor).then((source) => { + CompassIcon.getImageSource('close', 24, props.theme.sidebarHeaderTextColor).then((source) => { this.closeButton = source; }); } diff --git a/app/components/markdown/markdown_block_quote.js b/app/components/markdown/markdown_block_quote.js index f2a10a261..85fd8e6a1 100644 --- a/app/components/markdown/markdown_block_quote.js +++ b/app/components/markdown/markdown_block_quote.js @@ -8,8 +8,8 @@ import { View, } from 'react-native'; -import Icon from 'react-native-vector-icons/FontAwesome'; -import CustomPropTypes from 'app/constants/custom_prop_types'; +import CompassIcon from '@components/compass_icon'; +import CustomPropTypes from '@constants/custom_prop_types'; export default class MarkdownBlockQuote extends PureComponent { static propTypes = { @@ -22,10 +22,10 @@ export default class MarkdownBlockQuote extends PureComponent { let icon; if (!this.props.continue) { icon = ( - ); } diff --git a/app/components/markdown/markdown_image/markdown_image.js b/app/components/markdown/markdown_image/markdown_image.js index bc7598d65..0f4a5d9fc 100644 --- a/app/components/markdown/markdown_image/markdown_image.js +++ b/app/components/markdown/markdown_image/markdown_image.js @@ -12,10 +12,9 @@ import { Text, View, } from 'react-native'; -import FastImage from 'react-native-fast-image'; import Clipboard from '@react-native-community/clipboard'; -import brokenImageIcon from '@assets/images/icons/brokenimage.png'; +import CompassIcon from '@components/compass_icon'; import ImageViewPort from '@components/image_viewport'; import ProgressiveImage from '@components/progressive_image'; import FormattedText from '@components/formatted_text'; @@ -224,9 +223,9 @@ export default class MarkdownImage extends ImageViewPort { } } else if (this.state.failed) { image = ( - ); } diff --git a/app/components/markdown/markdown_table/markdown_table.js b/app/components/markdown/markdown_table/markdown_table.js index 019afb03b..aa26778fc 100644 --- a/app/components/markdown/markdown_table/markdown_table.js +++ b/app/components/markdown/markdown_table/markdown_table.js @@ -11,14 +11,14 @@ import { View, } from 'react-native'; import LinearGradient from 'react-native-linear-gradient'; -import Icon from 'react-native-vector-icons/FontAwesome'; -import {CELL_MAX_WIDTH, CELL_MIN_WIDTH} from 'app/components/markdown/markdown_table_cell/markdown_table_cell'; -import TouchableWithFeedback from 'app/components/touchable_with_feedback'; -import {preventDoubleTap} from 'app/utils/tap'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; -import {goToScreen} from 'app/actions/navigation'; -import {DeviceTypes} from 'app/constants'; +import CompassIcon from '@components/compass_icon'; +import {CELL_MAX_WIDTH, CELL_MIN_WIDTH} from '@components/markdown/markdown_table_cell/markdown_table_cell'; +import TouchableWithFeedback from '@components/touchable_with_feedback'; +import {preventDoubleTap} from '@utils/tap'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; +import {goToScreen} from '@actions/navigation'; +import {DeviceTypes} from '@constants'; const MAX_HEIGHT = 300; const MAX_PREVIEW_COLUMNS = 5; @@ -239,14 +239,14 @@ export default class MarkdownTable extends React.PureComponent { if (expandButtonOffset > 0) { expandButton = ( - @@ -259,7 +259,7 @@ export default class MarkdownTable extends React.PureComponent { diff --git a/app/components/network_indicator/network_indicator.js b/app/components/network_indicator/network_indicator.js index 046e55925..fd301e271 100644 --- a/app/components/network_indicator/network_indicator.js +++ b/app/components/network_indicator/network_indicator.js @@ -12,18 +12,19 @@ import { View, } from 'react-native'; import NetInfo from '@react-native-community/netinfo'; -import IonIcon from 'react-native-vector-icons/Ionicons'; import {RequestStatus} from '@mm-redux/constants'; import EventEmitter from '@mm-redux/utils/event_emitter'; -import FormattedText from 'app/components/formatted_text'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; import {DeviceTypes, ViewTypes} from '@constants'; import {INDICATOR_BAR_HEIGHT} from '@constants/view'; +import networkConnectionListener, {checkConnection} from '@utils/network'; +import {t} from '@utils/i18n'; + import mattermostBucket from 'app/mattermost_bucket'; import PushNotifications from 'app/push_notifications'; -import networkConnectionListener, {checkConnection} from 'app/utils/network'; -import {t} from 'app/utils/i18n'; const MAX_WEBSOCKET_RETRIES = 3; const CONNECTION_RETRY_SECONDS = 5; @@ -371,9 +372,9 @@ export default class NetworkIndicator extends PureComponent { defaultMessage = 'Connected'; action = ( - diff --git a/app/components/no_results.js b/app/components/no_results.js index 4496873e5..8b0927f6e 100644 --- a/app/components/no_results.js +++ b/app/components/no_results.js @@ -3,18 +3,15 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; -import {Image, Text, View} from 'react-native'; -import IonIcon from 'react-native-vector-icons/Ionicons'; -import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons'; +import {Text, View} from 'react-native'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; +import CompassIcon from '@components/compass_icon'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; export default class NoResults extends PureComponent { static propTypes = { description: PropTypes.string, - iconName: PropTypes.string, - iconType: PropTypes.oneOf(['' /* image */, 'ion', 'material-community']), - image: PropTypes.oneOfType([PropTypes.object, PropTypes.number]), + iconName: PropTypes.string.isRequired, theme: PropTypes.object.isRequired, title: PropTypes.string.isRequired, }; @@ -23,45 +20,19 @@ export default class NoResults extends PureComponent { const { description, iconName, - iconType, - image, theme, title, } = this.props; const style = getStyleFromTheme(theme); - let icon; - if (image) { - icon = ( - - ); - } else if (iconName) { - if (iconType === 'ion') { - icon = ( - - ); - } else if (iconType === 'material-community') { - icon = ( - - ); - } - } - return ( - {icon} + {title} {description && diff --git a/app/components/post/post.js b/app/components/post/post.js index c435371be..7bf9510ed 100644 --- a/app/components/post/post.js +++ b/app/components/post/post.js @@ -10,7 +10,6 @@ import { ViewPropTypes, } from 'react-native'; import {intlShape} from 'react-intl'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; import {Posts} from '@mm-redux/constants'; import EventEmitter from '@mm-redux/utils/event_emitter'; @@ -18,6 +17,7 @@ import {isPostEphemeral, isPostPendingOrFailed, isSystemMessage} from '@mm-redux import {showModalOverCurrentContext, showModal} from '@actions/navigation'; +import CompassIcon from '@components/compass_icon'; import PostBody from '@components/post_body'; import PostHeader from '@components/post_header'; import PostProfilePicture from '@components/post_profile_picture'; @@ -102,7 +102,7 @@ export default class Post extends PureComponent { }; if (!this.closeButton) { - this.closeButton = await MaterialIcon.getImageSource('close', 20, theme.sidebarHeaderTextColor); + this.closeButton = await CompassIcon.getImageSource('close', 24, theme.sidebarHeaderTextColor); } const options = { diff --git a/app/components/post_body/post_body.js b/app/components/post_body/post_body.js index edf7dbd77..d760b8fde 100644 --- a/app/components/post_body/post_body.js +++ b/app/components/post_body/post_body.js @@ -9,24 +9,25 @@ import { View, } from 'react-native'; import {intlShape} from 'react-intl'; -import Icon from 'react-native-vector-icons/Ionicons'; import {Posts} from '@mm-redux/constants'; -import CombinedSystemMessage from 'app/components/combined_system_message'; +import CompassIcon from '@components/compass_icon'; +import CombinedSystemMessage from '@components/combined_system_message'; +import FormattedText from '@components/formatted_text'; +import Markdown from '@components/markdown'; +import MarkdownEmoji from '@components/markdown/markdown_emoji'; +import ShowMoreButton from '@components/show_more_button'; +import TouchableWithFeedback from '@components/touchable_with_feedback'; + +import {emptyFunction} from '@utils/general'; +import {getMarkdownTextStyles, getMarkdownBlockStyles} from '@utils/markdown'; +import {preventDoubleTap} from '@utils/tap'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; +import {showModalOverCurrentContext} from '@actions/navigation'; + +import telemetry from '@telemetry'; + import {renderSystemMessage} from './system_message_helpers'; -import FormattedText from 'app/components/formatted_text'; -import Markdown from 'app/components/markdown'; -import MarkdownEmoji from 'app/components/markdown/markdown_emoji'; -import ShowMoreButton from 'app/components/show_more_button'; -import TouchableWithFeedback from 'app/components/touchable_with_feedback'; - -import {emptyFunction} from 'app/utils/general'; -import {getMarkdownTextStyles, getMarkdownBlockStyles} from 'app/utils/markdown'; -import {preventDoubleTap} from 'app/utils/tap'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; -import {showModalOverCurrentContext} from 'app/actions/navigation'; - -import telemetry from 'app/telemetry'; let FileAttachmentList; let PostAddChannelMember; @@ -457,8 +458,8 @@ export default class PostBody extends PureComponent { style={style.retry} type={'opacity'} > - diff --git a/app/components/post_draft/__snapshots__/post_draft.test.js.snap b/app/components/post_draft/__snapshots__/post_draft.test.js.snap index 7e4ddd8cc..052396cd8 100644 --- a/app/components/post_draft/__snapshots__/post_draft.test.js.snap +++ b/app/components/post_draft/__snapshots__/post_draft.test.js.snap @@ -398,25 +398,6 @@ exports[`PostDraft Should render the DraftInput 1`] = ` } } > - - + > + + + > + + + > + + + + + - - - - - + @@ -607,6 +585,17 @@ exports[`PostDraft Should render the ReadOnly for canPost 1`] = ` } } > + + 'Icon'); + const mockStore = configureMockStore([thunk]); const state = { ...intitialState, diff --git a/app/components/post_draft/quick_actions/camera_quick_action/index.js b/app/components/post_draft/quick_actions/camera_quick_action/index.js index 8c6fa3d02..2a452192b 100644 --- a/app/components/post_draft/quick_actions/camera_quick_action/index.js +++ b/app/components/post_draft/quick_actions/camera_quick_action/index.js @@ -10,10 +10,10 @@ import { StyleSheet, } from 'react-native'; import DeviceInfo from 'react-native-device-info'; -import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons'; import ImagePicker from 'react-native-image-picker'; import Permissions from 'react-native-permissions'; +import CompassIcon from '@components/compass_icon'; import TouchableWithFeedback from '@components/touchable_with_feedback'; import {NavigationTypes} from '@constants'; import {ICON_SIZE, MAX_FILE_COUNT_WARNING} from '@constants/post_draft'; @@ -159,7 +159,7 @@ export default class CameraQuickAction extends PureComponent { style={style.icon} type={'opacity'} > - - - { + renderInput = () => { const {disabled, inputType, theme} = this.props; - - if (inputType === 'at') { - const color = disabled ? - changeOpacity(theme.centerChannelColor, 0.16) : - changeOpacity(theme.centerChannelColor, 0.64); - - return ( - - ); - } + const name = inputType === 'at' ? inputType : 'slash-forward-box-outline'; + const color = disabled ? + changeOpacity(theme.centerChannelColor, 0.16) : + changeOpacity(theme.centerChannelColor, 0.64); return ( - ); } @@ -76,7 +66,7 @@ export default class InputQuickAction extends PureComponent { style={style.icon} type={'opacity'} > - {this.renderInput(style)} + {this.renderInput()} ); } @@ -84,12 +74,6 @@ export default class InputQuickAction extends PureComponent { const getStyleSheet = makeStyleSheetFromTheme((theme) => { return { - slash: { - width: ICON_SIZE, - height: ICON_SIZE, - opacity: 1, - tintColor: changeOpacity(theme.centerChannelColor, 0.64), - }, disabled: { tintColor: changeOpacity(theme.centerChannelColor, 0.16), }, diff --git a/app/components/post_draft/read_only/__snapshots__/read_only.test.js.snap b/app/components/post_draft/read_only/__snapshots__/read_only.test.js.snap index b13fde48e..9c5120364 100644 --- a/app/components/post_draft/read_only/__snapshots__/read_only.test.js.snap +++ b/app/components/post_draft/read_only/__snapshots__/read_only.test.js.snap @@ -1,8 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`PostDraft ReadOnly Should match snapshot 1`] = ` - - + - This channel is read-only. - + /> - + `; diff --git a/app/components/post_draft/read_only/index.tsx b/app/components/post_draft/read_only/index.tsx index 50d5630cf..d107e492f 100644 --- a/app/components/post_draft/read_only/index.tsx +++ b/app/components/post_draft/read_only/index.tsx @@ -3,8 +3,8 @@ import React, {ReactNode} from 'react'; import {SafeAreaView, View} from 'react-native'; -import Icon from 'react-native-vector-icons/FontAwesome5'; +import CompassIcon from '@components/compass_icon'; import FormattedText from '@components/formatted_text'; import type {Theme} from '@mm-redux/types/preferences'; import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; @@ -18,7 +18,7 @@ const ReadOnlyChannnel = ({theme}: ReadOnlyProps): ReactNode => { return ( - { test('Should match snapshot', () => { - const wrapper = renderWithIntl( + const wrapper = shallowWithIntl( , ); - expect(wrapper.toJSON()).toMatchSnapshot(); + expect(wrapper).toMatchSnapshot(); }); }); diff --git a/app/components/post_draft/send_action/__snapshots__/send.test.js.snap b/app/components/post_draft/send_action/__snapshots__/send.test.js.snap index b0c68ebf8..1ab700665 100644 --- a/app/components/post_draft/send_action/__snapshots__/send.test.js.snap +++ b/app/components/post_draft/send_action/__snapshots__/send.test.js.snap @@ -27,10 +27,11 @@ exports[`SendAction should change theme backgroundColor to 0.3 opacity 1`] = ` ] } > - @@ -60,10 +61,11 @@ exports[`SendAction should match snapshot 1`] = ` } } > - @@ -93,10 +95,11 @@ exports[`SendAction should render theme backgroundColor 1`] = ` } } > - diff --git a/app/components/post_draft/send_action/index.js b/app/components/post_draft/send_action/index.js index f24529770..98095c7d0 100644 --- a/app/components/post_draft/send_action/index.js +++ b/app/components/post_draft/send_action/index.js @@ -5,19 +5,14 @@ import React, {memo} from 'react'; import {View} from 'react-native'; import PropTypes from 'prop-types'; +import CompassIcon from '@components/compass_icon'; import TouchableWithFeedback from '@components/touchable_with_feedback'; import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; -let PaperPlane = null; - function SendButton(props) { const {theme} = props; const style = getStyleSheet(theme); - if (!PaperPlane) { - PaperPlane = require('./paper_plane').default; - } - if (props.disabled) { return ( - @@ -43,9 +38,9 @@ function SendButton(props) { type={'opacity'} > - diff --git a/app/components/post_draft/send_action/paper_plane.js b/app/components/post_draft/send_action/paper_plane.js deleted file mode 100644 index 4e7e3d70f..000000000 --- a/app/components/post_draft/send_action/paper_plane.js +++ /dev/null @@ -1,29 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See LICENSE.txt for license information. - -import React, {PureComponent} from 'react'; -import PropTypes from 'prop-types'; -import Svg, {Path} from 'react-native-svg'; - -export default class PaperPlane extends PureComponent { - static propTypes = { - width: PropTypes.number.isRequired, - height: PropTypes.number.isRequired, - color: PropTypes.string.isRequired, - }; - - render() { - return ( - - - - ); - } -} diff --git a/app/components/post_draft/uploads/upload_item/upload_item.js b/app/components/post_draft/uploads/upload_item/upload_item.js index aade01deb..f89c0690d 100644 --- a/app/components/post_draft/uploads/upload_item/upload_item.js +++ b/app/components/post_draft/uploads/upload_item/upload_item.js @@ -15,6 +15,7 @@ import FileAttachmentIcon from '@components/file_attachment_list/file_attachment import {buildFileUploadData, encodeHeaderURIStringToUTF8} from '@utils/file'; import {emptyFunction} from '@utils/general'; import ImageCacheManager from '@utils/image_cache_manager'; +import {changeOpacity} from '@utils/theme'; import UploadRemove from './upload_remove'; import UploadRetry from './upload_retry'; @@ -189,6 +190,7 @@ export default class UploadItem extends PureComponent { file={file} theme={theme} resizeMode='center' + backgroundColor={changeOpacity(theme.centerChannelColor, 0.08)} /> ); @@ -198,8 +200,7 @@ export default class UploadItem extends PureComponent { ); diff --git a/app/components/post_draft/uploads/upload_item/upload_remove.js b/app/components/post_draft/uploads/upload_item/upload_remove.js index d434920b8..5839d6e0b 100644 --- a/app/components/post_draft/uploads/upload_item/upload_remove.js +++ b/app/components/post_draft/uploads/upload_item/upload_remove.js @@ -4,8 +4,8 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {View, Platform} from 'react-native'; -import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; +import CompassIcon from '@components/compass_icon'; import TouchableWithFeedback from '@components/touchable_with_feedback'; import {makeStyleSheetFromTheme, changeOpacity} from '@utils/theme'; @@ -34,10 +34,11 @@ export default class UploadRemove extends PureComponent { type={'opacity'} > - @@ -50,10 +51,10 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { tappableContainer: { position: 'absolute', elevation: 11, - top: -5, - right: -10, - width: 32, - height: 32, + top: -7, + right: -8, + width: 24, + height: 24, }, removeButton: { borderRadius: 12, @@ -63,6 +64,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { android: 4.75, }), backgroundColor: theme.centerChannelBg, + width: 24, + height: 25, }, }; }); diff --git a/app/components/post_draft/uploads/upload_item/upload_retry.js b/app/components/post_draft/uploads/upload_item/upload_retry.js index 6f84b26e9..94578a484 100644 --- a/app/components/post_draft/uploads/upload_item/upload_retry.js +++ b/app/components/post_draft/uploads/upload_item/upload_retry.js @@ -4,8 +4,8 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {StyleSheet} from 'react-native'; -import Icon from 'react-native-vector-icons/Ionicons'; +import CompassIcon from '@components/compass_icon'; import TouchableWithFeedback from '@components/touchable_with_feedback'; export default class UploadRetry extends PureComponent { @@ -25,10 +25,10 @@ export default class UploadRetry extends PureComponent { - diff --git a/app/components/post_header/__snapshots__/post_header.test.js.snap b/app/components/post_header/__snapshots__/post_header.test.js.snap index 715f2c956..9a557fba7 100644 --- a/app/components/post_header/__snapshots__/post_header.test.js.snap +++ b/app/components/post_header/__snapshots__/post_header.test.js.snap @@ -531,10 +531,11 @@ exports[`PostHeader should match snapshot when post isBot and shouldRenderReplyB } type="opacity" > - - - - @@ -51,7 +46,7 @@ exports[`PostPreHeader should match snapshot when flagged and not pinned 1`] = ` } > - @@ -118,18 +108,13 @@ exports[`PostPreHeader should match snapshot when pinned and flagged 1`] = ` } } /> - @@ -142,7 +127,7 @@ exports[`PostPreHeader should match snapshot when pinned and flagged 1`] = ` } > - @@ -250,18 +230,13 @@ exports[`PostPreHeader should match snapshot when pinned and flagged but skippin } } > - @@ -274,7 +249,7 @@ exports[`PostPreHeader should match snapshot when pinned and flagged but skippin } > - diff --git a/app/components/post_header/post_header.js b/app/components/post_header/post_header.js index 4dfda604b..b917231ab 100644 --- a/app/components/post_header/post_header.js +++ b/app/components/post_header/post_header.js @@ -8,15 +8,15 @@ import { View, } from 'react-native'; -import FormattedText from 'app/components/formatted_text'; -import FormattedTime from 'app/components/formatted_time'; -import FormattedDate from 'app/components/formatted_date'; -import ReplyIcon from 'app/components/reply_icon'; -import Tag, {BotTag, GuestTag} from 'app/components/tag'; -import TouchableWithFeedback from 'app/components/touchable_with_feedback'; -import {emptyFunction} from 'app/utils/general'; -import {t} from 'app/utils/i18n'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import FormattedTime from '@components/formatted_time'; +import FormattedDate from '@components/formatted_date'; +import Tag, {BotTag, GuestTag} from '@components/tag'; +import TouchableWithFeedback from '@components/touchable_with_feedback'; +import {emptyFunction} from '@utils/general'; +import {t} from '@utils/i18n'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; export default class PostHeader extends PureComponent { static propTypes = { @@ -233,9 +233,9 @@ export default class PostHeader extends PureComponent { style={style.replyIconContainer} type={'opacity'} > - {!isSearchResult && diff --git a/app/components/post_header/post_pre_header.js b/app/components/post_header/post_pre_header.js index cde747105..8dab1dd68 100644 --- a/app/components/post_header/post_pre_header.js +++ b/app/components/post_header/post_pre_header.js @@ -3,10 +3,9 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; -import {Image, View} from 'react-native'; +import {View} from 'react-native'; -import flagIcon from '@assets/images/post_header/flag.png'; -import pinIcon from '@assets/images/post_header/pin.png'; +import CompassIcon from '@components/compass_icon'; import FormattedText from '@components/formatted_text'; import {t} from '@utils/i18n'; import {makeStyleSheetFromTheme} from '@utils/theme'; @@ -42,7 +41,7 @@ export default class PostPreHeader extends PureComponent { if (isPinnedAndFlagged) { text = { id: t('mobile.post_pre_header.pinned_flagged'), - defaultMessage: 'Pinned and Flagged', + defaultMessage: 'Pinned and Saved', }; } else if (isPinned && !skipPinnedHeader) { text = { @@ -52,7 +51,7 @@ export default class PostPreHeader extends PureComponent { } else if (isFlagged && !skipFlaggedHeader) { text = { id: t('mobile.post_pre_header.flagged'), - defaultMessage: 'Flagged', + defaultMessage: 'Saved', }; } @@ -64,9 +63,9 @@ export default class PostPreHeader extends PureComponent { {isPinned && !skipPinnedHeader && - } @@ -74,9 +73,9 @@ export default class PostPreHeader extends PureComponent { } {isFlagged && !skipFlaggedHeader && - } @@ -113,9 +112,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { width: 35, }, icon: { - height: 11, - tintColor: theme.linkColor, - width: 11, + color: theme.linkColor, }, iconsSeparator: { marginRight: 5, diff --git a/app/components/post_header/post_pre_header.test.js b/app/components/post_header/post_pre_header.test.js index 1289e7f8c..f5764690d 100644 --- a/app/components/post_header/post_pre_header.test.js +++ b/app/components/post_header/post_pre_header.test.js @@ -65,8 +65,8 @@ describe('PostPreHeader', () => { , ); expect(wrapper.getElement()).toMatchSnapshot(); - expect(wrapper.find('#flagIcon').exists()).toEqual(true); - expect(wrapper.find('#pinIcon').exists()).toEqual(false); + expect(wrapper.find({name: 'bookmark-outline'}).exists()).toEqual(true); + expect(wrapper.find({name: 'pin-outline'}).exists()).toEqual(false); expect(wrapper.find('FormattedText').first().props().id).toEqual('mobile.post_pre_header.flagged'); }); @@ -80,8 +80,8 @@ describe('PostPreHeader', () => { , ); expect(wrapper.getElement()).toMatchSnapshot(); - expect(wrapper.find('#flagIcon').exists()).toEqual(false); - expect(wrapper.find('#pinIcon').exists()).toEqual(true); + expect(wrapper.find({name: 'bookmark-outline'}).exists()).toEqual(false); + expect(wrapper.find({name: 'pin-outline'}).exists()).toEqual(true); expect(wrapper.find('FormattedText').first().props().id).toEqual('mobile.post_pre_header.pinned'); }); @@ -96,8 +96,8 @@ describe('PostPreHeader', () => { , ); expect(wrapper.getElement()).toMatchSnapshot(); - expect(wrapper.find('#flagIcon').exists()).toEqual(true); - expect(wrapper.find('#pinIcon').exists()).toEqual(true); + expect(wrapper.find({name: 'bookmark-outline'}).exists()).toEqual(true); + expect(wrapper.find({name: 'pin-outline'}).exists()).toEqual(true); expect(wrapper.find('FormattedText').first().props().id).toEqual('mobile.post_pre_header.pinned_flagged'); }); @@ -113,8 +113,8 @@ describe('PostPreHeader', () => { , ); expect(wrapper.getElement()).toMatchSnapshot(); - expect(wrapper.find('#flagIcon').exists()).toEqual(true); - expect(wrapper.find('#pinIcon').exists()).toEqual(false); + expect(wrapper.find({name: 'bookmark-outline'}).exists()).toEqual(true); + expect(wrapper.find({name: 'pin-outline'}).exists()).toEqual(false); expect(wrapper.find('FormattedText').first().props().id).toEqual('mobile.post_pre_header.flagged'); }); @@ -130,8 +130,8 @@ describe('PostPreHeader', () => { , ); expect(wrapper.getElement()).toMatchSnapshot(); - expect(wrapper.find('#flagIcon').exists()).toEqual(false); - expect(wrapper.find('#pinIcon').exists()).toEqual(true); + expect(wrapper.find({name: 'bookmark-outline'}).exists()).toEqual(false); + expect(wrapper.find({name: 'pin-outline'}).exists()).toEqual(true); expect(wrapper.find('FormattedText').first().props().id).toEqual('mobile.post_pre_header.pinned'); }); diff --git a/app/components/post_list/more_messages_button/__snapshots__/more_messages_button.test.js.snap b/app/components/post_list/more_messages_button/__snapshots__/more_messages_button.test.js.snap index 5be5eb9a7..b785107dc 100644 --- a/app/components/post_list/more_messages_button/__snapshots__/more_messages_button.test.js.snap +++ b/app/components/post_list/more_messages_button/__snapshots__/more_messages_button.test.js.snap @@ -69,9 +69,10 @@ exports[`MoreMessagesButton should match snapshot 1`] = ` } } > - - diff --git a/app/components/post_list/more_messages_button/more_messages_button.js b/app/components/post_list/more_messages_button/more_messages_button.js index fb3911372..7b30a50b9 100644 --- a/app/components/post_list/more_messages_button/more_messages_button.js +++ b/app/components/post_list/more_messages_button/more_messages_button.js @@ -10,7 +10,7 @@ import EventEmitter from '@mm-redux/utils/event_emitter'; import {messageCount} from '@mm-redux/utils/post_list'; import TouchableWithFeedback from '@components/touchable_with_feedback'; -import VectorIcon from '@components/vector_icon'; +import CompassIcon from '@components/compass_icon'; import ViewTypes, {INDICATOR_BAR_HEIGHT} from '@constants/view'; import {makeStyleSheetFromTheme, hexToHue} from '@utils/theme'; import {t} from '@utils/i18n'; @@ -320,9 +320,8 @@ export default class MoreMessageButton extends React.PureComponent { /> } {!loadingPosts && - } @@ -335,9 +334,8 @@ export default class MoreMessageButton extends React.PureComponent { onPress={this.cancel} > - diff --git a/app/components/post_list_retry.js b/app/components/post_list_retry.js index 303cff7e1..1c5e51c35 100644 --- a/app/components/post_list_retry.js +++ b/app/components/post_list_retry.js @@ -7,11 +7,11 @@ import { Platform, View, } from 'react-native'; -import Icon from 'react-native-vector-icons/Ionicons'; -import FormattedText from 'app/components/formatted_text'; -import TouchableWithFeedback from 'app/components/touchable_with_feedback'; -import {makeStyleSheetFromTheme} from 'app/utils/theme'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import TouchableWithFeedback from '@components/touchable_with_feedback'; +import {makeStyleSheetFromTheme} from '@utils/theme'; export default class PostListRetry extends PureComponent { static propTypes = { @@ -31,8 +31,8 @@ export default class PostListRetry extends PureComponent { type={'opacity'} > - diff --git a/app/components/post_profile_picture/post_profile_picture.js b/app/components/post_profile_picture/post_profile_picture.js index 6745cbcf1..23c97997e 100644 --- a/app/components/post_profile_picture/post_profile_picture.js +++ b/app/components/post_profile_picture/post_profile_picture.js @@ -6,8 +6,7 @@ import PropTypes from 'prop-types'; import {Platform, StyleSheet, View} from 'react-native'; import FastImage from 'react-native-fast-image'; -import webhookIcon from '@assets/images/icons/webhook.jpg'; -import AppIcon from '@components/app_icon'; +import CompassIcon from '@components/compass_icon'; import ProfilePicture from '@components/profile_picture'; import TouchableWithFeedback from '@components/touchable_with_feedback'; import {ViewTypes} from '@constants'; @@ -48,20 +47,41 @@ export default class PostProfilePicture extends PureComponent { if (isSystemMessage && !fromAutoResponder && !isBot) { return ( - ); } if (fromWebHook && enablePostIconOverride) { - const icon = overrideIconUrl ? {uri: overrideIconUrl} : webhookIcon; const frameSize = ViewTypes.PROFILE_PICTURE_SIZE; const pictureSize = isEmoji ? ViewTypes.PROFILE_PICTURE_EMOJI_SIZE : ViewTypes.PROFILE_PICTURE_SIZE; const borderRadius = isEmoji ? 0 : ViewTypes.PROFILE_PICTURE_SIZE / 2; + + let iconComponent; + if (overrideIconUrl) { + const source = {uri: overrideIconUrl}; + iconComponent = ( + + ); + } else { + iconComponent = ( + + ); + } + return ( - + {iconComponent} ); } @@ -89,6 +103,7 @@ export default class PostProfilePicture extends PureComponent { ); diff --git a/app/components/profile_picture/profile_picture.js b/app/components/profile_picture/profile_picture.js index b4ad006ec..3c7a0ec11 100644 --- a/app/components/profile_picture/profile_picture.js +++ b/app/components/profile_picture/profile_picture.js @@ -5,11 +5,11 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {Platform, View} from 'react-native'; import FastImage from 'react-native-fast-image'; -import FontAwesomeIcon from 'react-native-vector-icons/FontAwesome'; -import placeholder from '@assets/images/profile.jpg'; -import UserStatus from '@components/user_status'; import {Client4} from '@mm-redux/client'; + +import CompassIcon from '@components/compass_icon'; +import UserStatus from '@components/user_status'; import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; const STATUS_BUFFER = Platform.select({ @@ -22,6 +22,7 @@ export default class ProfilePicture extends PureComponent { isCurrentUser: PropTypes.bool.isRequired, size: PropTypes.number, statusSize: PropTypes.number, + iconSize: PropTypes.number, user: PropTypes.object, showStatus: PropTypes.bool, status: PropTypes.string, @@ -108,12 +109,16 @@ export default class ProfilePicture extends PureComponent { } render() { - const {edit, showStatus, theme, user} = this.props; + const {edit, showStatus, theme, user, size} = this.props; const {pictureUrl} = this.state; const style = getStyleSheet(theme); let statusIcon; let statusStyle; + let containerStyle = { + width: size + STATUS_BUFFER, + height: size + STATUS_BUFFER, + }; if (edit) { const iconColor = changeOpacity(theme.centerChannelColor, 0.6); statusStyle = { @@ -122,8 +127,8 @@ export default class ProfilePicture extends PureComponent { backgroundColor: theme.centerChannelBg, }; statusIcon = ( - @@ -158,16 +163,22 @@ export default class ProfilePicture extends PureComponent { /> ); } else { + containerStyle = { + width: size + (STATUS_BUFFER - 1), + height: size + (STATUS_BUFFER - 1), + backgroundColor: changeOpacity(theme.centerChannelColor, 0.08), + }; image = ( - ); } return ( - + {image} {(showStatus || edit) && (user && !user.is_bot) && @@ -181,6 +192,14 @@ export default class ProfilePicture extends PureComponent { const getStyleSheet = makeStyleSheetFromTheme((theme) => { return { + container: { + justifyContent: 'center', + alignItems: 'center', + borderRadius: 80, + }, + icon: { + color: changeOpacity(theme.centerChannelColor, 0.48), + }, statusWrapper: { position: 'absolute', bottom: 0, diff --git a/app/components/profile_picture_button.js b/app/components/profile_picture_button.js index 0c7fa08c2..5c22d1a6d 100644 --- a/app/components/profile_picture_button.js +++ b/app/components/profile_picture_button.js @@ -52,7 +52,7 @@ export default class ProfilePictureButton extends PureComponent { textStyle: { color: '#CC3239', }, - icon: 'trash', + icon: 'trash-can-outline', iconStyle: { color: '#CC3239', }, diff --git a/app/components/reaction_picker/__snapshots__/reaction_picker.test.js.snap b/app/components/reaction_picker/__snapshots__/reaction_picker.test.js.snap index d538515ae..9179fbf33 100644 --- a/app/components/reaction_picker/__snapshots__/reaction_picker.test.js.snap +++ b/app/components/reaction_picker/__snapshots__/reaction_picker.test.js.snap @@ -247,21 +247,15 @@ exports[`Reactions Should match snapshot with default emojis 1`] = ` ] } > - @@ -515,21 +509,15 @@ exports[`Reactions Should match snapshot with default emojis 2`] = ` ] } > - diff --git a/app/components/reaction_picker/reaction_picker.js b/app/components/reaction_picker/reaction_picker.js index 86b7ebcc0..6ea006db5 100644 --- a/app/components/reaction_picker/reaction_picker.js +++ b/app/components/reaction_picker/reaction_picker.js @@ -4,13 +4,12 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import { - Image, View, TouchableWithoutFeedback, } from 'react-native'; +import CompassIcon from '@components/compass_icon'; import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; -import addReactionIcon from '@assets/images/icons/reaction.png'; import { REACTION_PICKER_HEIGHT, DEFAULT_EMOJIS, @@ -92,11 +91,10 @@ export default class ReactionPicker extends PureComponent { }, ]} > - @@ -107,8 +105,8 @@ export default class ReactionPicker extends PureComponent { const getStyleSheet = makeStyleSheetFromTheme((theme) => { return { - iconImage: { - tintColor: theme.centerChannelColor, + icon: { + color: theme.centerChannelColor, }, reactionListContainer: { flex: 1, diff --git a/app/components/reactions/__snapshots__/reactions.test.js.snap b/app/components/reactions/__snapshots__/reactions.test.js.snap index f7f0aad32..bfe4d55aa 100644 --- a/app/components/reactions/__snapshots__/reactions.test.js.snap +++ b/app/components/reactions/__snapshots__/reactions.test.js.snap @@ -145,17 +145,13 @@ exports[`Reactions should match snapshot 1`] = ` } type="opacity" > - diff --git a/app/components/reactions/reactions.js b/app/components/reactions/reactions.js index 2332a903c..f967f844d 100644 --- a/app/components/reactions/reactions.js +++ b/app/components/reactions/reactions.js @@ -3,15 +3,11 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; -import { - Image, - View, -} from 'react-native'; +import {View} from 'react-native'; import {intlShape} from 'react-intl'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; import {showModal, showModalOverCurrentContext} from '@actions/navigation'; -import addReactionIcon from '@assets/images/icons/reaction.png'; +import CompassIcon from '@components/compass_icon'; import TouchableWithFeedback from '@components/touchable_with_feedback'; import {preventDoubleTap} from '@utils/tap'; import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; @@ -48,7 +44,7 @@ export default class Reactions extends PureComponent { const screen = 'AddReaction'; const title = formatMessage({id: 'mobile.post_info.add_reaction', defaultMessage: 'Add Reaction'}); - MaterialIcon.getImageSource('close', 20, theme.sidebarHeaderTextColor).then((source) => { + CompassIcon.getImageSource('close', 24, theme.sidebarHeaderTextColor).then((source) => { const passProps = { closeButton: source, onEmojiPress: this.handleAddReactionToPost, @@ -140,8 +136,9 @@ export default class Reactions extends PureComponent { style={[styles.reaction]} type={'opacity'} > - @@ -175,9 +172,7 @@ export default class Reactions extends PureComponent { const getStyleSheet = makeStyleSheetFromTheme((theme) => { return { addReaction: { - tintColor: changeOpacity(theme.centerChannelColor, 0.5), - width: 23, - height: 23, + color: changeOpacity(theme.centerChannelColor, 0.5), }, reaction: { alignItems: 'center', diff --git a/app/components/reply_icon.js b/app/components/reply_icon.js deleted file mode 100644 index 902406e5d..000000000 --- a/app/components/reply_icon.js +++ /dev/null @@ -1,31 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See LICENSE.txt for license information. - -import React, {PureComponent} from 'react'; -import PropTypes from 'prop-types'; -import Svg, { - Path, -} from 'react-native-svg'; - -export default class ReplyIcon extends PureComponent { - static propTypes = { - width: PropTypes.number.isRequired, - height: PropTypes.number.isRequired, - color: PropTypes.string.isRequired, - }; - - render() { - return ( - - - - ); - } -} diff --git a/app/components/search_bar/index.js b/app/components/search_bar/index.js index 0acf022a2..6873d762d 100644 --- a/app/components/search_bar/index.js +++ b/app/components/search_bar/index.js @@ -14,14 +14,12 @@ import { } from 'react-native'; import {intlShape} from 'react-intl'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; -import EvilIcon from 'react-native-vector-icons/EvilIcons'; - import {SearchBar} from 'react-native-elements'; import {memoizeResult} from '@mm-redux/utils/helpers'; -import CustomPropTypes from 'app/constants/custom_prop_types'; +import CompassIcon from '@components/compass_icon'; +import CustomPropTypes from '@constants/custom_prop_types'; const LEFT_COMPONENT_INITIAL_POSITION = Platform.OS === 'ios' ? 7 : 0; @@ -236,16 +234,18 @@ export default class Search extends PureComponent { let cancelIcon = null; if (Platform.OS === 'ios') { - clearIcon = { - type: 'ionicon', - name: 'ios-close-circle', - size: 17, - color: searchBarStyle.clearIconColorIos, - }; + clearIcon = ( + + ); searchIcon = ( - - ) : - { - type: 'material', - size: this.props.searchIconSize, - color: searchBarStyle.searchIconColor, - name: 'search', - }; + ( + + ); // Making sure the icon won't change depending on whether the input is in focus on Android devices - cancelIcon = { - type: 'material', - size: 25, - color: searchBarStyle.clearIconColorAndroid, - name: 'arrow-back', - underlayColor: 'transparent', - }; + cancelIcon = ( + + ); - clearIcon = { - type: 'material', - size: this.props.deleteIconSize, - color: searchBarStyle.clearIconColorAndroid, - name: 'close', - }; + clearIcon = ( + + ); } return ( @@ -415,7 +419,7 @@ const getSearchBarStyle = memoizeResult(( }, searchIcon: { color: tintColorSearch || placeholderTextColor, - top: 10, + top: 8, }, searchIconColor: tintColorSearch || placeholderTextColor, })); diff --git a/app/components/show_more_button/__snapshots__/show_more_button.test.js.snap b/app/components/show_more_button/__snapshots__/show_more_button.test.js.snap index eccccdbd7..16dc2cb45 100644 --- a/app/components/show_more_button/__snapshots__/show_more_button.test.js.snap +++ b/app/components/show_more_button/__snapshots__/show_more_button.test.js.snap @@ -4,11 +4,12 @@ exports[`ShowMoreButton should match, button snapshot 1`] = ` - - + - + /> - - - - + /> - - + - + /> - {sign} + { }, sign: { color: theme.linkColor, - fontSize: 16, - fontWeight: '600', - marginRight: 8, + marginRight: 7, }, text: { color: theme.linkColor, - fontSize: 13, + fontSize: 15, fontWeight: '600', }, dividerRight: { diff --git a/app/components/sidebars/main/channels_list/channels_list.js b/app/components/sidebars/main/channels_list/channels_list.js index b9488588d..153f2b074 100644 --- a/app/components/sidebars/main/channels_list/channels_list.js +++ b/app/components/sidebars/main/channels_list/channels_list.js @@ -8,16 +8,16 @@ import { View, } from 'react-native'; import {intlShape} from 'react-intl'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; -import SearchBar from 'app/components/search_bar'; -import {ViewTypes} from 'app/constants'; -import {paddingLeft as padding} from 'app/components/safe_area_view/iphone_x_spacing'; +import CompassIcon from '@components/compass_icon'; +import SearchBar from '@components/search_bar'; +import {paddingLeft as padding} from '@components/safe_area_view/iphone_x_spacing'; +import {ViewTypes} from '@constants'; import { changeOpacity, makeStyleSheetFromTheme, getKeyboardAppearanceFromTheme, -} from 'app/utils/theme'; +} from '@utils/theme'; import List from './list'; import SwitchTeamsButton from './switch_teams_button'; @@ -48,7 +48,7 @@ export default class ChannelsList extends PureComponent { term: '', }; - MaterialIcon.getImageSource('close', 20, this.props.theme.sidebarHeaderTextColor).then((source) => { + CompassIcon.getImageSource('close', 24, this.props.theme.sidebarHeaderTextColor).then((source) => { this.closeButton = source; }); } @@ -137,7 +137,7 @@ export default class ChannelsList extends PureComponent { placeholder={intl.formatMessage({id: 'mobile.channel_drawer.search', defaultMessage: 'Jump to...'})} cancelTitle={intl.formatMessage({id: 'mobile.post.cancel', defaultMessage: 'Cancel'})} backgroundColor='transparent' - inputHeight={33} + inputHeight={36} inputStyle={searchBarInput} containerStyle={styles.searchBar} placeholderTextColor={changeOpacity(theme.sidebarHeaderTextColor, 0.5)} @@ -185,7 +185,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { }, action: { color: changeOpacity(theme.sidebarText, 0.4), - fontSize: 26, + fontSize: 18, fontWeight: '100', }, actionContainer: { diff --git a/app/components/sidebars/main/channels_list/list/list.js b/app/components/sidebars/main/channels_list/list/list.js index d11c3df52..b9e7a73c9 100644 --- a/app/components/sidebars/main/channels_list/list/list.js +++ b/app/components/sidebars/main/channels_list/list/list.js @@ -14,22 +14,21 @@ import { View, } from 'react-native'; import {intlShape} from 'react-intl'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; -import FontAwesomePro from 'react-native-vector-icons/Ionicons'; -import EventEmitter from '@mm-redux/utils/event_emitter'; +import EventEmitter from '@mm-redux/utils/event_emitter'; import {General} from '@mm-redux/constants'; import {debounce} from '@mm-redux/actions/helpers'; -import ChannelItem from 'app/components/sidebars/main/channels_list/channel_item'; -import {paddingLeft} from 'app/components/safe_area_view/iphone_x_spacing'; -import {DeviceTypes, ListTypes, NavigationTypes} from 'app/constants'; -import {SidebarSectionTypes} from 'app/constants/view'; +import CompassIcon from '@components/compass_icon'; +import ChannelItem from '@components/sidebars/main/channels_list/channel_item'; +import {paddingLeft} from '@components/safe_area_view/iphone_x_spacing'; +import {DeviceTypes, ListTypes, NavigationTypes} from '@constants'; +import {SidebarSectionTypes} from '@constants/view'; -import BottomSheet from 'app/utils/bottom_sheet'; -import {t} from 'app/utils/i18n'; -import {preventDoubleTap} from 'app/utils/tap'; -import {showModal} from 'app/actions/navigation'; +import BottomSheet from '@utils/bottom_sheet'; +import {t} from '@utils/i18n'; +import {preventDoubleTap} from '@utils/tap'; +import {showModal} from '@actions/navigation'; const VIEWABILITY_CONFIG = { ...ListTypes.VISIBILITY_CONFIG_DEFAULTS, @@ -72,7 +71,7 @@ export default class List extends PureComponent { onScrollBeginDrag: this.scrollBeginDrag, }; - MaterialIcon.getImageSource('close', 20, this.props.theme.sidebarHeaderTextColor).then((source) => { + CompassIcon.getImageSource('close', 24, this.props.theme.sidebarHeaderTextColor).then((source) => { this.closeButton = source; }); } @@ -304,8 +303,8 @@ export default class List extends PureComponent { underlayColor={'transparent'} hitSlop={styles.hitSlop} > - diff --git a/app/components/sidebars/main/channels_list/switch_teams_button/switch_teams_button.js b/app/components/sidebars/main/channels_list/switch_teams_button/switch_teams_button.js index 7cf6cff66..268f75dbe 100644 --- a/app/components/sidebars/main/channels_list/switch_teams_button/switch_teams_button.js +++ b/app/components/sidebars/main/channels_list/switch_teams_button/switch_teams_button.js @@ -7,13 +7,12 @@ import { TouchableHighlight, View, } from 'react-native'; -import AwesomeIcon from 'react-native-vector-icons/FontAwesome'; - -import Badge from 'app/components/badge'; -import {preventDoubleTap} from 'app/utils/tap'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; +import Badge from '@components/badge'; +import CompassIcon from '@components/compass_icon'; import TeamIcon from 'app/components/team_icon'; +import {preventDoubleTap} from '@utils/tap'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; export default class SwitchTeamsButton extends React.PureComponent { static propTypes = { @@ -68,9 +67,9 @@ export default class SwitchTeamsButton extends React.PureComponent { underlayColor={changeOpacity(theme.sidebarHeaderBg, 0.5)} > - { }, switcherArrow: { color: theme.sidebarHeaderBg, - marginRight: 8, top: 1, + left: -2, }, switcherContainer: { alignItems: 'center', @@ -131,9 +130,9 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { borderRadius: 2, flexDirection: 'row', justifyContent: 'center', - height: 32, + height: 36, marginRight: 12, - width: 56, + width: 57, }, teamIcon: { width: 24, diff --git a/app/components/sidebars/main/channels_list/unread_indicator/unread_indicator.base.js b/app/components/sidebars/main/channels_list/unread_indicator/unread_indicator.base.js index eafc95b57..35a86ce1c 100644 --- a/app/components/sidebars/main/channels_list/unread_indicator/unread_indicator.base.js +++ b/app/components/sidebars/main/channels_list/unread_indicator/unread_indicator.base.js @@ -9,10 +9,10 @@ import { View, ViewPropTypes, } from 'react-native'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; -import FormattedText from 'app/components/formatted_text'; -import {makeStyleSheetFromTheme} from 'app/utils/theme'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import {makeStyleSheetFromTheme} from '@utils/theme'; export default class UnreadIndicatorBase extends PureComponent { static propTypes = { @@ -36,9 +36,8 @@ export default class UnreadIndicatorBase extends PureComponent { style={[style.wrapper, this.props.style]} pointerEvents={visible ? 'auto' : 'none'} > - @@ -65,7 +64,7 @@ export default class UnreadIndicatorBase extends PureComponent { export const getStyleSheet = makeStyleSheetFromTheme((theme) => { return { arrow: { - fontSize: 16, + fontSize: 18, marginRight: 8, position: 'relative', textAlignVertical: 'center', diff --git a/app/components/sidebars/main/teams_list/teams_list.js b/app/components/sidebars/main/teams_list/teams_list.js index 8920fcfb2..7a02ae9cc 100644 --- a/app/components/sidebars/main/teams_list/teams_list.js +++ b/app/components/sidebars/main/teams_list/teams_list.js @@ -13,17 +13,18 @@ import { View, } from 'react-native'; import {intlShape} from 'react-intl'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; -import FormattedText from 'app/components/formatted_text'; -import {DeviceTypes, ListTypes, ViewTypes} from 'app/constants'; +import {showModal} from '@actions/navigation'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import {DeviceTypes, ListTypes, ViewTypes} from '@constants'; +import {preventDoubleTap} from '@utils/tap'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; +import {removeProtocol} from '@utils/url'; +import tracker from '@utils/time_tracker'; + import {getCurrentServerUrl} from 'app/init/credentials'; -import {preventDoubleTap} from 'app/utils/tap'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; -import {removeProtocol} from 'app/utils/url'; -import tracker from 'app/utils/time_tracker'; import telemetry from 'app/telemetry'; -import {showModal} from 'app/actions/navigation'; import TeamsListItem from './teams_list_item'; @@ -56,7 +57,7 @@ export default class TeamsList extends PureComponent { serverUrl: '', }; - MaterialIcon.getImageSource('close', 20, props.theme.sidebarHeaderTextColor).then((source) => { + CompassIcon.getImageSource('close', 24, props.theme.sidebarHeaderTextColor).then((source) => { this.closeButton = source; }); diff --git a/app/components/sidebars/main/teams_list/teams_list_item/teams_list_item.js b/app/components/sidebars/main/teams_list/teams_list_item/teams_list_item.js index 2281b5681..b43bd99db 100644 --- a/app/components/sidebars/main/teams_list/teams_list_item/teams_list_item.js +++ b/app/components/sidebars/main/teams_list/teams_list_item/teams_list_item.js @@ -8,13 +8,13 @@ import { TouchableHighlight, View, } from 'react-native'; -import IonIcon from 'react-native-vector-icons/Ionicons'; -import Badge from 'app/components/badge'; -import TeamIcon from 'app/components/team_icon'; -import {paddingLeft as padding} from 'app/components/safe_area_view/iphone_x_spacing'; -import {preventDoubleTap} from 'app/utils/tap'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; +import Badge from '@components/badge'; +import CompassIcon from '@components/compass_icon'; +import TeamIcon from '@components/team_icon'; +import {paddingLeft as padding} from '@components/safe_area_view/iphone_x_spacing'; +import {preventDoubleTap} from '@utils/tap'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; export default class TeamsListItem extends React.PureComponent { static propTypes = { @@ -65,8 +65,8 @@ export default class TeamsListItem extends React.PureComponent { if (teamId === currentTeamId) { current = ( - diff --git a/app/components/sidebars/settings/drawer_item.js b/app/components/sidebars/settings/drawer_item.js index 6304585ab..808d852d5 100644 --- a/app/components/sidebars/settings/drawer_item.js +++ b/app/components/sidebars/settings/drawer_item.js @@ -5,9 +5,9 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {TouchableOpacity, View} from 'react-native'; -import FormattedText from 'app/components/formatted_text'; -import VectorIcon from 'app/components/vector_icon.js'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; export default class DrawerItem extends PureComponent { static propTypes = { @@ -15,7 +15,6 @@ export default class DrawerItem extends PureComponent { defaultMessage: PropTypes.string, i18nId: PropTypes.string, iconName: PropTypes.string, - iconType: PropTypes.oneOf(['fontawesome', 'foundation', 'ion', 'material']), isDestructor: PropTypes.bool, labelComponent: PropTypes.node, leftComponent: PropTypes.node, @@ -36,7 +35,6 @@ export default class DrawerItem extends PureComponent { defaultMessage, i18nId, iconName, - iconType, isDestructor, labelComponent, leftComponent, @@ -59,11 +57,10 @@ export default class DrawerItem extends PureComponent { let icon; if (leftComponent) { icon = leftComponent; - } else if (iconType && iconName) { + } else if (iconName) { icon = ( - ); @@ -120,8 +117,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { marginLeft: 5, }, icon: { - color: theme.linkColor, - fontSize: 22, + color: changeOpacity(theme.centerChannelColor, 0.64), + fontSize: 24, }, wrapper: { flex: 1, diff --git a/app/components/sidebars/settings/settings_sidebar_base.js b/app/components/sidebars/settings/settings_sidebar_base.js index 2b389afc5..7669aa2f9 100644 --- a/app/components/sidebars/settings/settings_sidebar_base.js +++ b/app/components/sidebars/settings/settings_sidebar_base.js @@ -4,17 +4,17 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {ScrollView, View} from 'react-native'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; import {General} from '@mm-redux/constants'; import EventEmitter from '@mm-redux/utils/event_emitter'; -import {showModal, showModalOverCurrentContext, dismissModal} from 'app/actions/navigation'; -import UserStatus from 'app/components/user_status'; -import {NavigationTypes} from 'app/constants'; -import {confirmOutOfOfficeDisabled} from 'app/utils/status'; -import {preventDoubleTap} from 'app/utils/tap'; -import {t} from 'app/utils/i18n'; +import {showModal, showModalOverCurrentContext, dismissModal} from '@actions/navigation'; +import CompassIcon from '@components/compass_icon'; +import UserStatus from '@components/user_status'; +import {NavigationTypes} from '@constants'; +import {confirmOutOfOfficeDisabled} from '@utils/status'; +import {preventDoubleTap} from '@utils/tap'; +import {t} from '@utils/i18n'; import DrawerItem from './drawer_item'; import UserInfo from './user_info'; @@ -133,7 +133,7 @@ export default class SettingsSidebarBase extends PureComponent { this.closeSettingsSidebar(); if (!this.closeButton) { - this.closeButton = await MaterialIcon.getImageSource('close', 20, this.props.theme.sidebarHeaderTextColor); + this.closeButton = await CompassIcon.getImageSource('close', 24, this.props.theme.sidebarHeaderTextColor); } const options = { @@ -172,7 +172,7 @@ export default class SettingsSidebarBase extends PureComponent { renderUserStatusIcon = (userId) => { return ( ); @@ -211,8 +211,7 @@ export default class SettingsSidebarBase extends PureComponent { diff --git a/app/components/start/empty_toolbar.js b/app/components/start/empty_toolbar.js index f3e5b399e..9853cff6e 100644 --- a/app/components/start/empty_toolbar.js +++ b/app/components/start/empty_toolbar.js @@ -5,10 +5,9 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {Platform, View} from 'react-native'; -import {DeviceTypes, ViewTypes} from 'app/constants'; -import {makeStyleSheetFromTheme} from 'app/utils/theme'; - -import Icon from 'react-native-vector-icons/Ionicons'; +import CompassIcon from '@components/compass_icon'; +import {DeviceTypes, ViewTypes} from '@constants'; +import {makeStyleSheetFromTheme} from '@utils/theme'; const { ANDROID_TOP_LANDSCAPE, @@ -54,8 +53,8 @@ export default class EmptyToolbar extends PureComponent { - diff --git a/app/components/user_status/__snapshots__/user_status.test.js.snap b/app/components/user_status/__snapshots__/user_status.test.js.snap index 2812fd8b6..1d4f6103e 100644 --- a/app/components/user_status/__snapshots__/user_status.test.js.snap +++ b/app/components/user_status/__snapshots__/user_status.test.js.snap @@ -1,57 +1,57 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`UserStatus should match snapshot, away status 1`] = ` - `; exports[`UserStatus should match snapshot, dnd status 1`] = ` - `; exports[`UserStatus should match snapshot, online status 1`] = ` - `; exports[`UserStatus should match snapshot, should default to offline status 1`] = ` - `; diff --git a/app/components/user_status/user_status.js b/app/components/user_status/user_status.js index 500ab6129..bda29d27f 100644 --- a/app/components/user_status/user_status.js +++ b/app/components/user_status/user_status.js @@ -6,17 +6,8 @@ import PropTypes from 'prop-types'; import {General} from '@mm-redux/constants'; -import Icon from 'app/components/vector_icon'; - -import {changeOpacity} from 'app/utils/theme'; - -const statusToIcon = { - away: General.AWAY, - dnd: General.DND, - offline: General.OFFLINE, - ooo: General.OFFLINE, - online: General.ONLINE, -}; +import CompassIcon from '@components/compass_icon'; +import {changeOpacity} from '@utils/theme'; export default class UserStatus extends PureComponent { static propTypes = { @@ -33,29 +24,32 @@ export default class UserStatus extends PureComponent { render() { const {size, status, theme} = this.props; - const iconName = statusToIcon[status]; + let iconName; let iconColor; switch (status) { case General.AWAY: + iconName = 'clock'; iconColor = theme.awayIndicator; break; case General.DND: + iconName = 'minus-circle'; iconColor = theme.dndIndicator; break; case General.ONLINE: + iconName = 'check-circle'; iconColor = theme.onlineIndicator; break; default: + iconName = 'circle-outline'; iconColor = changeOpacity(theme.centerChannelColor, 0.3); break; } return ( - ); } diff --git a/app/components/video_controls.js b/app/components/video_controls.js index efe0e6faf..902de3d8c 100644 --- a/app/components/video_controls.js +++ b/app/components/video_controls.js @@ -15,13 +15,9 @@ import { Text, View, } from 'react-native'; -import FastImage from 'react-native-fast-image'; import Slider from 'react-native-slider'; -import fullscreenImage from '@assets/images/video_player/fullscreen.png'; -import pauseImage from '@assets/images/video_player/pause.png'; -import playImage from '@assets/images/video_player/play.png'; -import replayImage from '@assets/images/video_player/replay.png'; +import CompassIcon from '@components/compass_icon'; export const PLAYER_STATE = { PLAYING: 0, @@ -35,6 +31,7 @@ export default class VideoControls extends PureComponent { isLoading: PropTypes.bool, isFullScreen: PropTypes.bool, mainColor: PropTypes.string, + controlButtonBg: PropTypes.string, onFullScreen: PropTypes.func, onPaused: PropTypes.func, onReplay: PropTypes.func, @@ -106,16 +103,16 @@ export default class VideoControls extends PureComponent { }); }; - getControlIconAndAspectRatio = (playerState) => { + getControlIconName = (playerState) => { switch (playerState) { case PLAYER_STATE.PLAYING: - return {icon: pauseImage, aspectRatio: 0.83}; + return 'pause'; case PLAYER_STATE.ENDED: - return {icon: replayImage, aspectRatio: 1.17}; + return 'refresh'; } - return {icon: playImage, aspectRatio: 0.83}; - }; + return 'play'; + } handleAppStateChange = (nextAppState) => { if (nextAppState !== 'active' && this.props.playerState === PLAYER_STATE.PLAYING) { @@ -179,9 +176,10 @@ export default class VideoControls extends PureComponent { style={styles.fullScreenContainer} onPress={this.props.onFullScreen} > - @@ -214,16 +212,17 @@ export default class VideoControls extends PureComponent { }; setPlayerControls = (playerState) => { - const {icon, aspectRatio} = this.getControlIconAndAspectRatio(playerState); + const iconName = this.getControlIconName(playerState); const pressAction = playerState === PLAYER_STATE.ENDED ? this.onReplay : this.onPause; return ( - ); @@ -286,18 +285,6 @@ const styles = StyleSheet.create({ timeRow: { alignSelf: 'stretch', }, - controlButton: { - justifyContent: 'center', - alignItems: 'center', - width: 50, - height: 50, - borderRadius: 3, - borderWidth: 1.5, - borderColor: 'rgba(255,255,255,0.5)', - }, - controlIcon: { - height: 20, - }, progressContainer: { position: 'absolute', flexDirection: 'row', @@ -308,6 +295,10 @@ const styles = StyleSheet.create({ progressColumnContainer: { flex: 1, }, + controlButton: { + justifyContent: 'center', + alignItems: 'center', + }, fullScreenContainer: { alignSelf: 'stretch', alignItems: 'center', diff --git a/app/components/widgets/settings/__snapshots__/radio_setting.test.js.snap b/app/components/widgets/settings/__snapshots__/radio_setting.test.js.snap index 044da729a..c03a31764 100644 --- a/app/components/widgets/settings/__snapshots__/radio_setting.test.js.snap +++ b/app/components/widgets/settings/__snapshots__/radio_setting.test.js.snap @@ -158,10 +158,16 @@ exports[`components/widgets/settings/RadioSetting should match snapshot when err this is administration - diff --git a/app/components/widgets/settings/radio_setting.js b/app/components/widgets/settings/radio_setting.js index 5a375e340..f08506a7d 100644 --- a/app/components/widgets/settings/radio_setting.js +++ b/app/components/widgets/settings/radio_setting.js @@ -4,9 +4,10 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {Text, TouchableOpacity, View} from 'react-native'; -import CheckMark from 'app/components/checkmark'; -import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; -import {makeStyleSheetFromTheme, changeOpacity} from 'app/utils/theme'; + +import CompassIcon from '@components/compass_icon'; +import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; +import {makeStyleSheetFromTheme, changeOpacity} from '@utils/theme'; export default class RadioSetting extends PureComponent { static propTypes = { @@ -39,13 +40,12 @@ export default class RadioSetting extends PureComponent { this.setState({value: item}); } - renderCheckMark = (value, {width, height, color}) => { + renderCheckMark = (value, style) => { if (value === this.state.value) { return ( - ); } @@ -183,8 +183,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { marginLeft: 15, }, checkMark: { - width: 12, - height: 12, + fontSize: 12, color: theme.linkColor, }, }; diff --git a/app/components/widgets/settings/radio_setting.test.js b/app/components/widgets/settings/radio_setting.test.js index 1d3614c5f..f59426236 100644 --- a/app/components/widgets/settings/radio_setting.test.js +++ b/app/components/widgets/settings/radio_setting.test.js @@ -1,12 +1,13 @@ // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. // See LICENSE.txt for license information. import React from 'react'; +import {TouchableOpacity} from 'react-native'; import {shallow} from 'enzyme'; import Preferences from '@mm-redux/constants/preferences'; -import {TouchableOpacity} from 'react-native'; + +import CompassIcon from '@components/compass_icon'; import RadioSetting from './radio_setting.js'; -import CheckMark from 'app/components/checkmark'; describe('components/widgets/settings/RadioSetting', () => { const theme = Preferences.THEMES.default; @@ -64,6 +65,6 @@ describe('components/widgets/settings/RadioSetting', () => { />, ); - expect(wrapper.find(CheckMark)).toHaveLength(0); + expect(wrapper.find(CompassIcon)).toHaveLength(0); }); }); diff --git a/app/constants/attachment.js b/app/constants/attachment.js index 532fcf90b..7f234bf52 100644 --- a/app/constants/attachment.js +++ b/app/constants/attachment.js @@ -2,5 +2,3 @@ // See LICENSE.txt for license information. export const MAX_ATTACHMENT_FOOTER_LENGTH = 300; -export const ATTACHMENT_ICON_HEIGHT = 48; -export const ATTACHMENT_ICON_WIDTH = 36; diff --git a/app/mm-redux/constants/files.ts b/app/mm-redux/constants/files.ts index 0d4042479..9e838d63f 100644 --- a/app/mm-redux/constants/files.ts +++ b/app/mm-redux/constants/files.ts @@ -14,6 +14,7 @@ const Files: Dictionary = { TEXT_TYPES: ['txt', 'rtf'], VIDEO_TYPES: ['mp4', 'avi', 'webm', 'mkv', 'wmv', 'mpg', 'mov', 'flv'], WORD_TYPES: ['doc', 'docx'], + ZIP_TYPES: ['zip'], }; export default Files; diff --git a/app/mm-redux/utils/file_utils.ts b/app/mm-redux/utils/file_utils.ts index 4d4ca875b..a6959a3a7 100644 --- a/app/mm-redux/utils/file_utils.ts +++ b/app/mm-redux/utils/file_utils.ts @@ -44,6 +44,7 @@ export function getFileType(file: FileInfo): string { 'word', 'presentation', 'patch', + 'zip', ]; return fileTypes.find((fileType) => { const constForFileTypeExtList = `${fileType}_types`.toUpperCase(); diff --git a/app/screens/about/about.js b/app/screens/about/about.js index dbfbdd79a..c2fa6879a 100644 --- a/app/screens/about/about.js +++ b/app/screens/about/about.js @@ -13,7 +13,7 @@ import { import DeviceInfo from 'react-native-device-info'; import Config from '@assets/config'; -import AppIcon from '@components/app_icon'; +import CompassIcon from '@components/compass_icon'; import FormattedText from '@components/formatted_text'; import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; import StatusBar from '@components/status_bar'; @@ -217,10 +217,10 @@ export default class About extends PureComponent { contentContainerStyle={style.scrollViewContent} > - diff --git a/app/screens/channel/channel_base.js b/app/screens/channel/channel_base.js index 8e38a5640..bf3f85787 100644 --- a/app/screens/channel/channel_base.js +++ b/app/screens/channel/channel_base.js @@ -5,13 +5,14 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {intlShape} from 'react-intl'; import {Alert, Animated, Keyboard, StyleSheet} from 'react-native'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; + import {General} from '@mm-redux/constants'; +import EventEmitter from '@mm-redux/utils/event_emitter'; import {showModal, showModalOverCurrentContext} from '@actions/navigation'; import LocalConfig from '@assets/config'; import {UPDATE_NATIVE_SCROLLVIEW, TYPING_VISIBLE} from '@constants/post_draft'; -import EventEmitter from '@mm-redux/utils/event_emitter'; +import CompassIcon from '@components/compass_icon'; import EphemeralStore from '@store/ephemeral_store'; import {unsupportedServer} from '@utils/supported_server'; import {preventDoubleTap} from '@utils/tap'; @@ -177,7 +178,7 @@ export default class ChannelBase extends PureComponent { const {theme} = this.props; const screen = 'ChannelInfo'; const title = intl.formatMessage({id: 'mobile.routes.channelInfo', defaultMessage: 'Info'}); - MaterialIcon.getImageSource('close', 20, theme.sidebarHeaderTextColor).then((source) => { + CompassIcon.getImageSource('close', 24, theme.sidebarHeaderTextColor).then((source) => { const options = { topBar: { leftButtons: [{ @@ -280,7 +281,7 @@ export default class ChannelBase extends PureComponent { const {isSupportedServer, isSystemAdmin, theme} = this.props; const screen = 'TermsOfService'; const title = intl.formatMessage({id: 'mobile.tos_link', defaultMessage: 'Terms of Service'}); - MaterialIcon.getImageSource('close', 20, theme.sidebarHeaderTextColor).then((closeButton) => { + CompassIcon.getImageSource('close', 24, theme.sidebarHeaderTextColor).then((closeButton) => { const passProps = { closeButton, isSupportedServer, diff --git a/app/screens/channel/channel_nav_bar/__snapshots__/settings_drawer_button.test.js.snap b/app/screens/channel/channel_nav_bar/__snapshots__/settings_drawer_button.test.js.snap index 16a6ac1b2..ba6d23035 100644 --- a/app/screens/channel/channel_nav_bar/__snapshots__/settings_drawer_button.test.js.snap +++ b/app/screens/channel/channel_nav_bar/__snapshots__/settings_drawer_button.test.js.snap @@ -27,7 +27,7 @@ exports[`SettingDrawerButton should match, full snapshot 1`] = ` diff --git a/app/screens/channel/channel_nav_bar/channel_drawer_button/__snapshots__/channel_drawer_button.test.js.snap b/app/screens/channel/channel_nav_bar/channel_drawer_button/__snapshots__/channel_drawer_button.test.js.snap index c71c16d42..61dd36d61 100644 --- a/app/screens/channel/channel_nav_bar/channel_drawer_button/__snapshots__/channel_drawer_button.test.js.snap +++ b/app/screens/channel/channel_nav_bar/channel_drawer_button/__snapshots__/channel_drawer_button.test.js.snap @@ -71,8 +71,8 @@ exports[`ChannelDrawerButton should match, full snapshot 2`] = ` ); diff --git a/app/screens/channel/channel_nav_bar/channel_search_button/__snapshots__/channel_search_button.test.js.snap b/app/screens/channel/channel_nav_bar/channel_search_button/__snapshots__/channel_search_button.test.js.snap index 48259da4d..d3c84e4cc 100644 --- a/app/screens/channel/channel_nav_bar/channel_search_button/__snapshots__/channel_search_button.test.js.snap +++ b/app/screens/channel/channel_nav_bar/channel_search_button/__snapshots__/channel_search_button.test.js.snap @@ -29,14 +29,13 @@ exports[`ChannelSearchButton should match, full snapshot 1`] = ` "flexDirection": "column", "justifyContent": "center", "position": "relative", - "top": -1, } } > - @@ -93,7 +93,6 @@ const getStyle = makeStyleSheetFromTheme((theme) => { }, wrapper: { position: 'relative', - top: -1, alignItems: 'flex-end', flex: 1, flexDirection: 'column', diff --git a/app/screens/channel/channel_nav_bar/channel_title/__snapshots__/channel_title.test.js.snap b/app/screens/channel/channel_nav_bar/channel_title/__snapshots__/channel_title.test.js.snap index c6e735576..67ba75b3c 100644 --- a/app/screens/channel/channel_nav_bar/channel_title/__snapshots__/channel_title.test.js.snap +++ b/app/screens/channel/channel_nav_bar/channel_title/__snapshots__/channel_title.test.js.snap @@ -39,11 +39,11 @@ exports[`ChannelTitle should match snapshot 1`] = ` @@ -90,11 +90,11 @@ exports[`ChannelTitle should match snapshot when is DM and has guests and the te @@ -166,11 +166,11 @@ exports[`ChannelTitle should match snapshot when is DM and has guests but the te @@ -225,11 +225,11 @@ exports[`ChannelTitle should match snapshot when isSelfDMChannel is true 1`] = ` diff --git a/app/screens/channel/channel_nav_bar/channel_title/channel_title.js b/app/screens/channel/channel_nav_bar/channel_title/channel_title.js index 903dbca37..6f269560c 100644 --- a/app/screens/channel/channel_nav_bar/channel_title/channel_title.js +++ b/app/screens/channel/channel_nav_bar/channel_title/channel_title.js @@ -9,12 +9,13 @@ import { TouchableOpacity, View, } from 'react-native'; -import Icon from 'react-native-vector-icons/FontAwesome'; -import {makeStyleSheetFromTheme} from 'app/utils/theme'; -import {t} from 'app/utils/i18n'; import {General} from '@mm-redux/constants'; -import FormattedText from 'app/components/formatted_text'; + +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import {makeStyleSheetFromTheme} from '@utils/theme'; +import {t} from '@utils/i18n'; export default class ChannelTitle extends PureComponent { static propTypes = { @@ -42,8 +43,8 @@ export default class ChannelTitle extends PureComponent { let content = null; if (this.props.isArchived) { content = ( - ); @@ -130,9 +131,9 @@ export default class ChannelTitle extends PureComponent { let icon; if (channelDisplayName) { icon = ( - ); @@ -141,10 +142,10 @@ export default class ChannelTitle extends PureComponent { let mutedIcon; if (isChannelMuted) { mutedIcon = ( - ); } @@ -189,7 +190,7 @@ const getStyle = makeStyleSheetFromTheme((theme) => { }, icon: { color: theme.sidebarHeaderTextColor, - marginHorizontal: 5, + marginHorizontal: 1, }, text: { color: theme.sidebarHeaderTextColor, diff --git a/app/screens/channel/channel_nav_bar/settings_drawer_button.js b/app/screens/channel/channel_nav_bar/settings_drawer_button.js index eebfebe46..07b593848 100644 --- a/app/screens/channel/channel_nav_bar/settings_drawer_button.js +++ b/app/screens/channel/channel_nav_bar/settings_drawer_button.js @@ -8,14 +8,14 @@ import { TouchableOpacity, View, } from 'react-native'; - -import Icon from 'react-native-vector-icons/Ionicons'; +import {intlShape} from 'react-intl'; import {getTheme} from '@mm-redux/selectors/entities/preferences'; -import {preventDoubleTap} from 'app/utils/tap'; -import {makeStyleSheetFromTheme} from 'app/utils/theme'; -import {t} from 'app/utils/i18n'; -import {intlShape} from 'react-intl'; + +import CompassIcon from '@components/compass_icon'; +import {preventDoubleTap} from '@utils/tap'; +import {makeStyleSheetFromTheme} from '@utils/theme'; +import {t} from '@utils/i18n'; export class SettingDrawerButton extends PureComponent { static propTypes = { @@ -57,8 +57,8 @@ export class SettingDrawerButton extends PureComponent { const style = getStyleFromTheme(theme); const icon = ( - diff --git a/app/screens/channel_info/__snapshots__/channel_info.test.js.snap b/app/screens/channel_info/__snapshots__/channel_info.test.js.snap index 0bab421c9..d71c797e5 100644 --- a/app/screens/channel_info/__snapshots__/channel_info.test.js.snap +++ b/app/screens/channel_info/__snapshots__/channel_info.test.js.snap @@ -268,69 +268,71 @@ exports[`channelInfo should match snapshot 1`] = ` } } /> - + - + + /> + - + - + + /> + - Add Members should match snapshot 1`] = ` { Archive should match snapshot for Archive Channel 1`] = Archive should match snapshot for Unarchive Channel 1`] { { action={this.handleDelete} defaultMessage='Archive Channel' iconColor='#CA3B27' - icon='archive' + icon='archive-outline' textId={t('mobile.routes.channelInfo.delete_channel')} textColor='#CA3B27' theme={theme} diff --git a/app/screens/channel_info/archive/index.js b/app/screens/channel_info/archive/index.js index 8df586c14..54c864d28 100644 --- a/app/screens/channel_info/archive/index.js +++ b/app/screens/channel_info/archive/index.js @@ -37,7 +37,8 @@ function mapStateToProps(state) { const isSystemAdmin = checkIsSystemAdmin(roles); const canLeave = (!isDefaultChannel && !isDirectMessage && !isGroupMessage) || (isDefaultChannel && isGuest); const canDelete = showDeleteOption(state, config, license, currentChannel, isAdmin, isSystemAdmin, isChannelAdmin); - const canUnarchive = (currentChannel?.delete_at > 0 && !isDirectMessage && !isGroupMessage); + const isArchived = currentChannel?.delete_at > 0; + const canUnarchive = (isArchived && !isDirectMessage && !isGroupMessage); const viewArchivedChannels = config.ExperimentalViewArchivedChannels === 'true'; const {serverVersion} = state.entities.general; @@ -55,7 +56,7 @@ function mapStateToProps(state) { } return { - canArchive: (canLeave && canDelete && !isReadOnly), + canArchive: (!isArchived && canLeave && canDelete && !isReadOnly), canUnarchive: canUnarchive && canUnarchiveChannel, channelId: currentChannel?.id || '', displayName: (currentChannel?.display_name || '').trim(), diff --git a/app/screens/channel_info/channel_info.js b/app/screens/channel_info/channel_info.js index 502aee3da..78a3e1d1e 100644 --- a/app/screens/channel_info/channel_info.js +++ b/app/screens/channel_info/channel_info.js @@ -144,12 +144,14 @@ export default class ChannelInfo extends PureComponent { /> {!isDirectMessage && - + <> + + + } - 0} diff --git a/app/screens/channel_info/channel_info_header.js b/app/screens/channel_info/channel_info_header.js index da21bae13..fa8fa3961 100644 --- a/app/screens/channel_info/channel_info_header.js +++ b/app/screens/channel_info/channel_info_header.js @@ -159,7 +159,7 @@ export default class ChannelInfoHeader extends React.PureComponent { ); } else { @@ -65,9 +61,9 @@ function channelInfoRow(props) { ); } else if (rightArrow) { actionElement = ( - ); @@ -75,9 +71,7 @@ function channelInfoRow(props) { const RowComponent = ( - - {iconElement} - + {iconElement} { alignItems: 'center', }, detail: { - marginHorizontal: 15, + marginHorizontal: 7, color: changeOpacity(theme.centerChannelColor, 0.5), fontSize: 15, }, @@ -141,17 +134,9 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { fontSize: 15, paddingVertical: 15, }, - iconContainer: { - width: 17, - height: 17, - justifyContent: 'center', - alignItems: 'center', - }, - leftIcon: { - width: 17, - }, rightIcon: { - color: changeOpacity(theme.centerChannelColor, 0.5), + color: changeOpacity(theme.centerChannelColor, 0.32), + marginRight: -4, }, }; }); diff --git a/app/screens/channel_info/edit_channel/__snapshots__/edit_channel.test.js.snap b/app/screens/channel_info/edit_channel/__snapshots__/edit_channel.test.js.snap index 9c43c1a27..e78414fa6 100644 --- a/app/screens/channel_info/edit_channel/__snapshots__/edit_channel.test.js.snap +++ b/app/screens/channel_info/edit_channel/__snapshots__/edit_channel.test.js.snap @@ -36,7 +36,7 @@ exports[`ChannelInfo -> EditChannel should match snapshot for Edit Channel 1`] = { Favorite should match snapshot for Favorite Channel 1`] action={[Function]} defaultMessage="Favorite" detail={true} - icon="star-o" + icon="star-outline" isLandscape={false} rightArrow={true} shouldRender={true} @@ -48,7 +48,7 @@ exports[`ChannelInfo -> Favorite should match snapshot for Unfavorite Channel 1` action={[Function]} defaultMessage="Favorite" detail={false} - icon="star-o" + icon="star-outline" isLandscape={false} rightArrow={true} shouldRender={true} diff --git a/app/screens/channel_info/favorite/favorite.tsx b/app/screens/channel_info/favorite/favorite.tsx index 6a6c52b49..875d65214 100644 --- a/app/screens/channel_info/favorite/favorite.tsx +++ b/app/screens/channel_info/favorite/favorite.tsx @@ -31,7 +31,7 @@ const Favorite = ({channelId, favoriteChannel, isLandscape, isFavorite, unfavori action={handleFavorite} defaultMessage='Favorite' detail={favorite} - icon='star-o' + icon='star-outline' textId={t('mobile.routes.channelInfo.favorite')} togglable={true} theme={theme} diff --git a/app/screens/channel_info/leave/__snapshots__/leave.test.js.snap b/app/screens/channel_info/leave/__snapshots__/leave.test.js.snap index 5c1bdd213..a9b98343a 100644 --- a/app/screens/channel_info/leave/__snapshots__/leave.test.js.snap +++ b/app/screens/channel_info/leave/__snapshots__/leave.test.js.snap @@ -36,7 +36,7 @@ exports[`ChannelInfo -> Leave should match snapshot for Close DM 1`] = ` Leave should match snapshot for Close GM 1`] = ` Leave should match snapshot for Leave Private Channel 1` Leave should match snapshot for Leave Public Channel 1`] { { Manage Members should match snapshot for Manage Members action={[Function]} defaultMessage="Manage Members" detail={10} - icon="users" + icon="account-multiple-outline" isLandscape={false} rightArrow={true} shouldRender={true} @@ -113,7 +113,7 @@ exports[`ChannelInfo -> Manage Members should match snapshot for View Members 1` action={[Function]} defaultMessage="View Members" detail={10} - icon="users" + icon="account-multiple-outline" isLandscape={false} rightArrow={true} shouldRender={true} @@ -158,7 +158,7 @@ exports[`ChannelInfo -> Manage Members should match snapshot without separator 1 action={[Function]} defaultMessage="Manage Members" detail={10} - icon="users" + icon="account-multiple-outline" isLandscape={false} rightArrow={true} shouldRender={true} diff --git a/app/screens/channel_info/manage_members/manage_members.tsx b/app/screens/channel_info/manage_members/manage_members.tsx index 729ef6cb1..e5a78e281 100644 --- a/app/screens/channel_info/manage_members/manage_members.tsx +++ b/app/screens/channel_info/manage_members/manage_members.tsx @@ -54,7 +54,7 @@ export default class ManageMembers extends PureComponent { action={this.goToChannelMembers} defaultMessage={canManageUsers ? 'Manage Members' : 'View Members'} detail={membersCount} - icon='users' + icon='account-multiple-outline' textId={canManageUsers ? t('channel_header.manageMembers') : t('channel_header.viewMembers')} theme={theme} isLandscape={isLandscape} diff --git a/app/screens/channel_info/mute/__snapshots__/mute.test.js.snap b/app/screens/channel_info/mute/__snapshots__/mute.test.js.snap index bb06f2fe4..03a715e37 100644 --- a/app/screens/channel_info/mute/__snapshots__/mute.test.js.snap +++ b/app/screens/channel_info/mute/__snapshots__/mute.test.js.snap @@ -5,7 +5,7 @@ exports[`ChannelInfo -> Mute should match snapshot for Muted 1`] = ` action={[Function]} defaultMessage="Mute channel" detail={true} - icon="bell-slash-o" + icon="bell-off-outline" isLandscape={false} rightArrow={true} shouldRender={true} @@ -48,7 +48,7 @@ exports[`ChannelInfo -> Mute should match snapshot for Not Muted 1`] = ` action={[Function]} defaultMessage="Mute channel" detail={false} - icon="bell-slash-o" + icon="bell-off-outline" isLandscape={false} rightArrow={true} shouldRender={true} diff --git a/app/screens/channel_info/mute/mute.tsx b/app/screens/channel_info/mute/mute.tsx index ea07da2fb..cbe97b10e 100644 --- a/app/screens/channel_info/mute/mute.tsx +++ b/app/screens/channel_info/mute/mute.tsx @@ -34,7 +34,7 @@ const Mute = ({channelId, isChannelMuted, isLandscape, updateChannelNotifyProps, action={handleMuteChannel} defaultMessage='Mute channel' detail={muted} - icon='bell-slash-o' + icon='bell-off-outline' textId={t('channel_notifications.muteChannel.settings')} togglable={true} theme={theme} diff --git a/app/screens/channel_info/notification_preference/notification_preference.tsx b/app/screens/channel_info/notification_preference/notification_preference.tsx index bf5920919..af96f25db 100644 --- a/app/screens/channel_info/notification_preference/notification_preference.tsx +++ b/app/screens/channel_info/notification_preference/notification_preference.tsx @@ -77,8 +77,7 @@ export default class NotificationPreference extends PureComponent Pinned should match snapshot 1`] = ` action={[Function]} defaultMessage="Pinned Messages" detail={0} - image={1} + icon="pin-outline" isLandscape={false} rightArrow={true} shouldRender={true} diff --git a/app/screens/channel_info/pinned/pinned.test.js b/app/screens/channel_info/pinned/pinned.test.js index f630df3a3..7d7a8a2e9 100644 --- a/app/screens/channel_info/pinned/pinned.test.js +++ b/app/screens/channel_info/pinned/pinned.test.js @@ -8,11 +8,6 @@ import Preferences from '@mm-redux/constants/preferences'; import Pinned from './pinned'; -// Pinned expects to receive the pinIcon as a number -jest.mock('@assets/images/channel_info/pin.png', () => { - return 1; -}); - jest.mock('@utils/theme', () => { const original = jest.requireActual('../../../utils/theme'); return { diff --git a/app/screens/channel_info/pinned/pinned.tsx b/app/screens/channel_info/pinned/pinned.tsx index fa689f3d8..df4003140 100644 --- a/app/screens/channel_info/pinned/pinned.tsx +++ b/app/screens/channel_info/pinned/pinned.tsx @@ -44,7 +44,7 @@ export default class Pinned extends PureComponent { action={this.goToPinnedPosts} defaultMessage='Pinned Messages' detail={pinnedCount} - image={require('@assets/images/channel_info/pin.png')} + icon='pin-outline' textId={t('channel_header.pinnedPosts')} theme={theme} isLandscape={isLandscape} diff --git a/app/screens/client_upgrade/client_upgrade.js b/app/screens/client_upgrade/client_upgrade.js index 7f01859ef..56047413e 100644 --- a/app/screens/client_upgrade/client_upgrade.js +++ b/app/screens/client_upgrade/client_upgrade.js @@ -6,7 +6,6 @@ import {Navigation} from 'react-native-navigation'; import PropTypes from 'prop-types'; import { Alert, - Image, Linking, ScrollView, TouchableOpacity, @@ -15,12 +14,13 @@ import { import {intlShape} from 'react-intl'; import {popTopScreen, dismissModal} from '@actions/navigation'; -import logo from '@assets/images/logo.png'; +import CompassIcon from '@components/compass_icon'; import FormattedText from '@components/formatted_text'; import StatusBar from '@components/status_bar'; import {UpgradeTypes} from '@constants'; import {checkUpgradeType, isUpgradeAvailable} from '@utils/client_upgrade'; import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; +import {GlobalStyles} from 'app/styles'; export default class ClientUpgrade extends PureComponent { static propTypes = { @@ -262,9 +262,10 @@ export default class ClientUpgrade extends PureComponent { style={styles.scrollView} contentContainerStyle={styles.scrollViewContent} > - {this.renderMessageContent()} @@ -278,10 +279,8 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => { container: { flex: 1, }, - image: { + logo: { marginTop: 75, - width: 76, - height: 75, }, messageButton: { marginBottom: 15, diff --git a/app/screens/edit_profile/__snapshots__/edit_profile.test.js.snap b/app/screens/edit_profile/__snapshots__/edit_profile.test.js.snap index 044f724ae..f16072b85 100644 --- a/app/screens/edit_profile/__snapshots__/edit_profile.test.js.snap +++ b/app/screens/edit_profile/__snapshots__/edit_profile.test.js.snap @@ -12,10 +12,11 @@ exports[`edit_profile should match snapshot 1`] = ` > `; diff --git a/app/screens/edit_profile/edit_profile.js b/app/screens/edit_profile/edit_profile.js index 0bb5647ec..c0c4cefe6 100644 --- a/app/screens/edit_profile/edit_profile.js +++ b/app/screens/edit_profile/edit_profile.js @@ -517,9 +517,10 @@ export default class EditProfile extends PureComponent { const profilePicture = ( diff --git a/app/screens/forgot_password/__snapshots__/forgot_password.test.js.snap b/app/screens/forgot_password/__snapshots__/forgot_password.test.js.snap index 6f78b5deb..b3a5a6c29 100644 --- a/app/screens/forgot_password/__snapshots__/forgot_password.test.js.snap +++ b/app/screens/forgot_password/__snapshots__/forgot_password.test.js.snap @@ -23,10 +23,13 @@ exports[`ForgotPassword match snapshot after success of sendPasswordResetEmail 1 } } > - @@ -106,10 +109,13 @@ exports[`ForgotPassword should match snapshot 1`] = ` } } > - @@ -217,10 +223,13 @@ exports[`ForgotPassword snapshot for error on failure of email regex 1`] = ` } } > - diff --git a/app/screens/forgot_password/forgot_password.js b/app/screens/forgot_password/forgot_password.js index b9ef2f697..153e5778a 100644 --- a/app/screens/forgot_password/forgot_password.js +++ b/app/screens/forgot_password/forgot_password.js @@ -7,7 +7,6 @@ import Button from 'react-native-button'; import {intlShape} from 'react-intl'; import { - Image, StyleSheet, Text, TextInput, @@ -15,6 +14,7 @@ import { View, } from 'react-native'; +import CompassIcon from '@components/compass_icon'; import ErrorText from '@components/error_text'; import FormattedText from '@components/formatted_text'; import StatusBar from '@components/status_bar'; @@ -153,8 +153,10 @@ export default class ForgotPassword extends PureComponent { onPress={this.blur} > - {displayError} {passwordFormView} diff --git a/app/screens/image_preview/__snapshots__/image_preview.test.js.snap b/app/screens/image_preview/__snapshots__/image_preview.test.js.snap index 87d38fbc2..6bb483597 100644 --- a/app/screens/image_preview/__snapshots__/image_preview.test.js.snap +++ b/app/screens/image_preview/__snapshots__/image_preview.test.js.snap @@ -108,8 +108,8 @@ exports[`ImagePreview should match snapshot 1`] = ` @@ -231,7 +231,18 @@ exports[`ImagePreview should match snapshot 1`] = ` `; -exports[`ImagePreview should match snapshot and not renderDownloadButton for local files 1`] = `null`; +exports[`ImagePreview should match snapshot and not renderDownloadButton for local files 1`] = ` + +`; exports[`ImagePreview should match snapshot, renderDownloadButton 1`] = ` `; diff --git a/app/screens/image_preview/downloader.ios.js b/app/screens/image_preview/downloader.ios.js index d3798a402..399979a68 100644 --- a/app/screens/image_preview/downloader.ios.js +++ b/app/screens/image_preview/downloader.ios.js @@ -6,16 +6,16 @@ import PropTypes from 'prop-types'; import {Alert, Animated, InteractionManager, StyleSheet, Text, TouchableOpacity, View} from 'react-native'; import RNFetchBlob from 'rn-fetch-blob'; import {CircularProgress} from 'react-native-circular-progress'; -import Icon from 'react-native-vector-icons/Ionicons'; import {intlShape} from 'react-intl'; import CameraRoll from '@react-native-community/cameraroll'; import {Client4} from '@mm-redux/client'; -import FormattedText from 'app/components/formatted_text'; import mattermostBucket from 'app/mattermost_bucket'; -import {getLocalFilePathFromFile} from 'app/utils/file'; -import {emptyFunction} from 'app/utils/general'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import {getLocalFilePathFromFile} from '@utils/file'; +import {emptyFunction} from '@utils/general'; import DownloaderBottomContent from './downloader_bottom_content.js'; @@ -127,8 +127,8 @@ export default class Downloader extends PureComponent { let component; if (realFill === 100) { component = ( - @@ -168,7 +168,7 @@ export default class Downloader extends PureComponent { - ); @@ -226,10 +222,7 @@ export default class ImagePreview extends PureComponent { backgroundColor='transparent' file={file} theme={this.props.theme} - iconHeight={200} - iconWidth={200} - wrapperHeight={200} - wrapperWidth={200} + iconSize={120} /> ); @@ -240,8 +233,8 @@ export default class ImagePreview extends PureComponent { const file = this.getCurrentFile(); if (file?.data?.localPath) { - // we already have the file locally we don't need to download it - return null; + // We already have the file locally so we don't need to download it + return ; } if (file) { @@ -251,17 +244,17 @@ export default class ImagePreview extends PureComponent { action = this.showDownloadOptions; if (Platform.OS === 'android') { icon = ( - ); } else if (file.source || isVideo(file.data)) { icon = ( - ); @@ -354,9 +347,9 @@ export default class ImagePreview extends PureComponent { onPress={this.close} style={style.headerIcon} > - diff --git a/app/screens/image_preview/image_preview.test.js b/app/screens/image_preview/image_preview.test.js index df7e222ac..e271bf295 100644 --- a/app/screens/image_preview/image_preview.test.js +++ b/app/screens/image_preview/image_preview.test.js @@ -55,6 +55,7 @@ describe('ImagePreview', () => { ); expect(wrapper.instance().renderDownloadButton()).toMatchSnapshot(); + expect(wrapper.find({name: 'download-outline'}).exists()).toBe(true); }); test('should match snapshot and not renderDownloadButton for local files', () => { @@ -69,7 +70,7 @@ describe('ImagePreview', () => { ); expect(wrapper.instance().renderDownloadButton()).toMatchSnapshot(); - expect(wrapper.instance().renderDownloadButton()).toBeNull(); + expect(wrapper.find({name: 'download-outline'}).exists()).toBe(false); }); test('should match state on handleChangeImage', () => { diff --git a/app/screens/image_preview/video_preview.js b/app/screens/image_preview/video_preview.js index c30edabfa..03737e80f 100644 --- a/app/screens/image_preview/video_preview.js +++ b/app/screens/image_preview/video_preview.js @@ -244,6 +244,7 @@ export default class VideoPreview extends PureComponent { onSeeking={onSeeking} onReplay={this.onReplay} onFullScreen={this.onFullScreen} + controlButtonBg={theme.buttonBg} /> ); diff --git a/app/screens/interactive_dialog/__snapshots__/dialog_introduction_text.test.js.snap b/app/screens/interactive_dialog/__snapshots__/dialog_introduction_text.test.js.snap index 66c8f5a60..6ef85cf42 100644 --- a/app/screens/interactive_dialog/__snapshots__/dialog_introduction_text.test.js.snap +++ b/app/screens/interactive_dialog/__snapshots__/dialog_introduction_text.test.js.snap @@ -31,7 +31,6 @@ exports[`DialogIntroductionText should render the introduction text correctly 1` }, "quoteBlockIcon": Object { "color": "rgba(61,60,64,0.5)", - "padding": 5, }, } } diff --git a/app/screens/login/login.js b/app/screens/login/login.js index 3598066da..c1538984b 100644 --- a/app/screens/login/login.js +++ b/app/screens/login/login.js @@ -7,7 +7,6 @@ import {intlShape} from 'react-intl'; import { ActivityIndicator, Dimensions, - Image, InteractionManager, Keyboard, StyleSheet, @@ -20,6 +19,7 @@ import Button from 'react-native-button'; import {KeyboardAwareScrollView} from 'react-native-keyboard-aware-scrollview'; import {resetToChannel, goToScreen} from '@actions/navigation'; +import CompassIcon from '@components/compass_icon'; import ErrorText from '@components/error_text'; import FormattedText from '@components/formatted_text'; import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; @@ -382,8 +382,10 @@ export default class Login extends PureComponent { keyboardShouldPersistTaps='handled' enableOnAndroid={true} > - diff --git a/app/screens/login_options/login_options.js b/app/screens/login_options/login_options.js index d4fccd769..a0cd12d14 100644 --- a/app/screens/login_options/login_options.js +++ b/app/screens/login_options/login_options.js @@ -16,7 +16,7 @@ import Button from 'react-native-button'; import {goToScreen} from '@actions/navigation'; import LocalConfig from '@assets/config'; import gitlab from '@assets/images/gitlab.png'; -import logo from '@assets/images/logo.png'; +import CompassIcon from '@components/compass_icon'; import FormattedText from '@components/formatted_text'; import StatusBar from '@components/status_bar'; import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; @@ -260,8 +260,10 @@ export default class LoginOptions extends PureComponent { ref={this.scrollRef} > - {this.props.config.SiteName} diff --git a/app/screens/long_post/long_post.js b/app/screens/long_post/long_post.js index ff242837a..6f7d9bb5b 100644 --- a/app/screens/long_post/long_post.js +++ b/app/screens/long_post/long_post.js @@ -10,16 +10,16 @@ import { } from 'react-native'; import {intlShape} from 'react-intl'; import * as Animatable from 'react-native-animatable'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; import {Navigation} from 'react-native-navigation'; -import FormattedText from 'app/components/formatted_text'; -import Post from 'app/components/post'; -import SafeAreaView from 'app/components/safe_area_view'; -import {marginHorizontal as margin} from 'app/components/safe_area_view/iphone_x_spacing'; -import {preventDoubleTap} from 'app/utils/tap'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; -import {goToScreen, dismissModal} from 'app/actions/navigation'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import Post from '@components/post'; +import SafeAreaView from '@components/safe_area_view'; +import {marginHorizontal as margin} from '@components/safe_area_view/iphone_x_spacing'; +import {preventDoubleTap} from '@utils/tap'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; +import {goToScreen, dismissModal} from '@actions/navigation'; Animatable.initializeRegistryWithDefinitions({ growOut: { @@ -139,7 +139,7 @@ export default class LongPost extends PureComponent { style={style.close} onPress={this.handleClose} > - - diff --git a/app/screens/more_channels/more_channels.js b/app/screens/more_channels/more_channels.js index 9c18ceaf8..0d501fbcb 100644 --- a/app/screens/more_channels/more_channels.js +++ b/app/screens/more_channels/more_channels.js @@ -5,30 +5,30 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {intlShape} from 'react-intl'; import {Keyboard, Platform, View, Text} from 'react-native'; -import Icon from 'react-native-vector-icons/FontAwesome'; import {Navigation} from 'react-native-navigation'; import {debounce} from '@mm-redux/actions/helpers'; import {General} from '@mm-redux/constants'; import EventEmitter from '@mm-redux/utils/event_emitter'; -import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; -import BottomSheet from 'app/utils/bottom_sheet'; -import CustomList from 'app/components/custom_list'; -import ChannelListRow from 'app/components/custom_list/channel_list_row'; -import FormattedText from 'app/components/formatted_text'; -import KeyboardLayout from 'app/components/layout/keyboard_layout'; -import Loading from 'app/components/loading'; -import SearchBar from 'app/components/search_bar'; -import StatusBar from 'app/components/status_bar'; -import {NavigationTypes} from 'app/constants'; -import {alertErrorWithFallback, emptyFunction} from 'app/utils/general'; -import {goToScreen, dismissModal, setButtons} from 'app/actions/navigation'; +import {goToScreen, dismissModal, setButtons} from '@actions/navigation'; +import CompassIcon from '@components/compass_icon'; +import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; +import CustomList from '@components/custom_list'; +import ChannelListRow from '@components/custom_list/channel_list_row'; +import FormattedText from '@components/formatted_text'; +import KeyboardLayout from '@components/layout/keyboard_layout'; +import Loading from '@components/loading'; +import SearchBar from '@components/search_bar'; +import StatusBar from '@components/status_bar'; +import {NavigationTypes} from '@constants'; +import {alertErrorWithFallback, emptyFunction} from '@utils/general'; +import BottomSheet from '@utils/bottom_sheet'; import { changeOpacity, makeStyleSheetFromTheme, getKeyboardAppearanceFromTheme, -} from 'app/utils/theme'; +} from '@utils/theme'; export default class MoreChannels extends PureComponent { static propTypes = { @@ -444,8 +444,8 @@ export default class MoreChannels extends PureComponent { > {typeOfChannels === 'public' ? publicChannelsText : archivedChannelsText} {' '} - diff --git a/app/screens/more_dms/selected_users/selected_user.js b/app/screens/more_dms/selected_users/selected_user.js index 52a3f6cac..38732707d 100644 --- a/app/screens/more_dms/selected_users/selected_user.js +++ b/app/screens/more_dms/selected_users/selected_user.js @@ -8,12 +8,12 @@ import { TouchableOpacity, View, } from 'react-native'; -import Icon from 'react-native-vector-icons/MaterialIcons'; - -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; import {displayUsername} from '@mm-redux/utils/user_utils'; +import CompassIcon from '@components/compass_icon'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; + export default class SelectedUser extends React.PureComponent { static propTypes = { @@ -54,7 +54,7 @@ export default class SelectedUser extends React.PureComponent { style={style.remove} onPress={this.onRemove} > - - ); + if (data.override_icon_url) { // eslint-disable-line camelcase + const source = {uri: Client4.getAbsoluteUrl(data.override_icon_url)}; // eslint-disable-line camelcase + icon = ( + + ); + } else { + icon = ( + + ); + } } else if (user) { icon = ( ); } diff --git a/app/screens/options_modal/__snapshots__/options_modal_list.test.js.snap b/app/screens/options_modal/__snapshots__/options_modal_list.test.js.snap index bc6c79948..b10e5663d 100644 --- a/app/screens/options_modal/__snapshots__/options_modal_list.test.js.snap +++ b/app/screens/options_modal/__snapshots__/options_modal_list.test.js.snap @@ -233,7 +233,7 @@ exports[`OptionModalList should match snapshot for iOS 1`] = ` {textComponent} {item.icon && - {textComponent} {item.icon && - } diff --git a/app/screens/permalink/__snapshots__/permalink.test.js.snap b/app/screens/permalink/__snapshots__/permalink.test.js.snap index 0b2628881..224ae3fc5 100644 --- a/app/screens/permalink/__snapshots__/permalink.test.js.snap +++ b/app/screens/permalink/__snapshots__/permalink.test.js.snap @@ -135,7 +135,7 @@ exports[`Permalink should match snapshot 2`] = ` - {' '} @@ -358,7 +357,7 @@ export default class Permalink extends PureComponent { style={style.close} onPress={this.handleClose} > - diff --git a/app/screens/post_options/__snapshots__/post_options.test.js.snap b/app/screens/post_options/__snapshots__/post_options.test.js.snap index 15a24c292..7f10d267f 100644 --- a/app/screens/post_options/__snapshots__/post_options.test.js.snap +++ b/app/screens/post_options/__snapshots__/post_options.test.js.snap @@ -49,7 +49,7 @@ exports[`PostOptions should match snapshot, no option for system message to user /> + - - + @@ -109,21 +88,18 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { destructive: { color: '#D0021B', }, - destructiveIconImage: { - tintColor: '#D0021B', - }, row: { flex: 1, flexDirection: 'row', }, - icon: { + iconContainer: { alignItems: 'center', height: 50, justifyContent: 'center', width: 60, }, - iconImage: { - tintColor: theme.centerChannelColor, + icon: { + color: changeOpacity(theme.centerChannelColor, 0.64), }, textContainer: { justifyContent: 'center', @@ -139,9 +115,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { letterSpacing: -0.45, }, footer: { - height: 1, - marginLeft: 60, - borderBottomWidth: 1, + marginHorizontal: 17, + borderBottomWidth: 0.5, borderBottomColor: changeOpacity(theme.centerChannelColor, 0.2), }, }; diff --git a/app/screens/post_options/post_options.js b/app/screens/post_options/post_options.js index 978431430..ed65aa250 100644 --- a/app/screens/post_options/post_options.js +++ b/app/screens/post_options/post_options.js @@ -6,9 +6,9 @@ import PropTypes from 'prop-types'; import {Alert, StyleSheet, View} from 'react-native'; import Clipboard from '@react-native-community/clipboard'; import {intlShape} from 'react-intl'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; import {showModal, dismissModal} from '@actions/navigation'; +import CompassIcon from '@components/compass_icon'; import ReactionPicker from '@components/reaction_picker'; import SlideUpPanel from '@components/slide_up_panel'; import {BOTTOM_MARGIN} from '@components/slide_up_panel/slide_up_panel'; @@ -94,7 +94,7 @@ export default class PostOptions extends PureComponent { if (canReply) { const key = 'reply'; - const icon = 'reply'; + const icon = 'reply-outline'; const message = {id: t('mobile.post_info.reply'), defaultMessage: 'Reply'}; const onPress = this.handleReply; @@ -109,7 +109,7 @@ export default class PostOptions extends PureComponent { if (canCopyPermalink) { const key = 'permalink'; - const icon = 'link'; + const icon = 'link-variant'; const message = {id: t('get_post_link_modal.title'), defaultMessage: 'Copy Link'}; const onPress = this.handleCopyPermalink; @@ -124,7 +124,7 @@ export default class PostOptions extends PureComponent { if (canCopyText) { const key = 'copy'; - const icon = 'copy'; + const icon = 'content-copy'; const message = {id: t('mobile.post_info.copy_text'), defaultMessage: 'Copy Text'}; const onPress = this.handleCopyText; @@ -139,7 +139,7 @@ export default class PostOptions extends PureComponent { if (canDelete) { const key = 'delete'; - const icon = 'trash'; + const icon = 'trash-can-outline'; const message = {id: t('post_info.del'), defaultMessage: 'Delete'}; const onPress = this.handlePostDelete; const destructive = true; @@ -155,7 +155,7 @@ export default class PostOptions extends PureComponent { if (canEdit && (canEditUntil === -1 || canEditUntil > Date.now())) { const key = 'edit'; - const icon = 'edit'; + const icon = 'pencil-outline'; const message = {id: t('post_info.edit'), defaultMessage: 'Edit'}; const onPress = this.handlePostEdit; @@ -175,15 +175,15 @@ export default class PostOptions extends PureComponent { let key; let message; let onPress; - const icon = 'flag'; + const icon = 'bookmark-outline'; if (isFlagged) { key = 'unflag'; - message = {id: t('mobile.post_info.unflag'), defaultMessage: 'Unflag'}; + message = {id: t('mobile.post_info.unflag'), defaultMessage: 'Unsave'}; onPress = this.handleUnflagPost; } else { key = 'flagged'; - message = {id: t('mobile.post_info.flag'), defaultMessage: 'Flag'}; + message = {id: t('mobile.post_info.flag'), defaultMessage: 'Save'}; onPress = this.handleFlagPost; } @@ -200,7 +200,7 @@ export default class PostOptions extends PureComponent { let key; let message; let onPress; - const icon = 'pin'; + const icon = 'pin-outline'; if (post.is_pinned) { key = 'unpin'; @@ -223,7 +223,7 @@ export default class PostOptions extends PureComponent { return ( { + CompassIcon.getImageSource('close', 24, theme.sidebarHeaderTextColor).then((source) => { const screen = 'AddReaction'; const title = formatMessage({id: 'mobile.post_info.add_reaction', defaultMessage: 'Add Reaction'}); const passProps = { @@ -355,7 +355,7 @@ export default class PostOptions extends PureComponent { const {theme, post} = this.props; const {intl} = this.context; - MaterialIcon.getImageSource('close', 20, theme.sidebarHeaderTextColor).then((source) => { + CompassIcon.getImageSource('close', 24, theme.sidebarHeaderTextColor).then((source) => { const screen = 'EditPost'; const title = intl.formatMessage({id: 'mobile.edit_post.title', defaultMessage: 'Editing Message'}); const passProps = { diff --git a/app/screens/reaction_list/reaction_row/__snapshots__/reaction_row.test.js.snap b/app/screens/reaction_list/reaction_row/__snapshots__/reaction_row.test.js.snap index fb8cfa1e1..6a46253aa 100644 --- a/app/screens/reaction_list/reaction_row/__snapshots__/reaction_row.test.js.snap +++ b/app/screens/reaction_list/reaction_row/__snapshots__/reaction_row.test.js.snap @@ -34,6 +34,7 @@ exports[`ReactionRow should match snapshot, renderContent 1`] = ` } > diff --git a/app/screens/recent_mentions/recent_mentions.js b/app/screens/recent_mentions/recent_mentions.js index c55d4d64b..8f33b2eda 100644 --- a/app/screens/recent_mentions/recent_mentions.js +++ b/app/screens/recent_mentions/recent_mentions.js @@ -143,7 +143,6 @@ export default class RecentMentions extends PureComponent { defaultMessage: 'Messages where someone mentions you or includes your trigger words are saved here.', })} iconName='at' - iconType='material-community' title={formatMessage({id: 'mobile.recent_mentions.empty_title', defaultMessage: 'No Mentions yet'})} theme={theme} /> diff --git a/app/screens/search/__snapshots__/modifier.test.js.snap b/app/screens/search/__snapshots__/modifier.test.js.snap index d183aca47..f11ec63ba 100644 --- a/app/screens/search/__snapshots__/modifier.test.js.snap +++ b/app/screens/search/__snapshots__/modifier.test.js.snap @@ -11,7 +11,7 @@ exports[`Search RecentItem should match snapshot and respond to events 1`] = ` "alignItems": "center", "flex": 1, "flexDirection": "row", - "height": 58, + "height": 68, } } > @@ -39,27 +39,31 @@ exports[`Search RecentItem should match snapshot and respond to events 1`] = ` style={ Object { "alignItems": "center", + "backgroundColor": "rgba(61,60,64,0.08)", + "borderRadius": 4, + "fontWeight": "600", "marginRight": 5, + "paddingHorizontal": 4, + "paddingVertical": 2, } } > - + > + IN: + diff --git a/app/screens/search/__snapshots__/recent_item.test.js.snap b/app/screens/search/__snapshots__/recent_item.test.js.snap index d5b46b4cb..8ff034f82 100644 --- a/app/screens/search/__snapshots__/recent_item.test.js.snap +++ b/app/screens/search/__snapshots__/recent_item.test.js.snap @@ -46,7 +46,7 @@ exports[`Search RecentItem should match snapshot and respond to events 1`] = ` diff --git a/app/screens/search/modifier.js b/app/screens/search/modifier.js index 7a69aad3a..2609053cb 100644 --- a/app/screens/search/modifier.js +++ b/app/screens/search/modifier.js @@ -4,12 +4,11 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {Text, TouchableHighlight, View} from 'react-native'; -import AwesomeIcon from 'react-native-vector-icons/FontAwesome'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; -export const MODIFIER_LABEL_HEIGHT = 58; +export const MODIFIER_LABEL_HEIGHT = 68; export default class Modifier extends PureComponent { static propTypes = { @@ -45,11 +44,12 @@ export default class Modifier extends PureComponent { > - - + + + {item.value.toUpperCase()} + { alignItems: 'center', flexDirection: 'row', }, - modifierLabelIconContainer: { + modifierLabelValueContainer: { alignItems: 'center', marginRight: 5, + backgroundColor: changeOpacity(theme.centerChannelColor, 0.08), + borderRadius: 4, + paddingHorizontal: 4, + paddingVertical: 2, + fontWeight: '600', }, - modifierLabelIcon: { - fontSize: 16, - color: changeOpacity(theme.centerChannelColor, 0.5), + modifierLabelValue: { + fontSize: 10, + color: theme.centerChannelColor, }, modifierItemLabel: { - fontSize: 14, + fontSize: 15, color: theme.centerChannelColor, }, modifierItemDescription: { diff --git a/app/screens/search/recent_item.js b/app/screens/search/recent_item.js index 17e3bd575..de8a4abdc 100644 --- a/app/screens/search/recent_item.js +++ b/app/screens/search/recent_item.js @@ -4,10 +4,10 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {Text, TouchableHighlight, TouchableOpacity, View} from 'react-native'; -import IonIcon from 'react-native-vector-icons/Ionicons'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; -import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; +import CompassIcon from '@components/compass_icon'; +import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; export const RECENT_LABEL_HEIGHT = 42; @@ -57,8 +57,8 @@ export default class RecentItem extends PureComponent { onPress={this.handleRemove} style={style.recentRemove} > - diff --git a/app/screens/search/search.js b/app/screens/search/search.js index 26feb8f60..d5bdb8690 100644 --- a/app/screens/search/search.js +++ b/app/screens/search/search.js @@ -14,12 +14,12 @@ import { Text, View, } from 'react-native'; -import AwesomeIcon from 'react-native-vector-icons/FontAwesome'; import {Navigation} from 'react-native-navigation'; import HWKeyboardEvent from 'react-native-hw-keyboard-event'; import {goToScreen, showModalOverCurrentContext, dismissModal} from '@actions/navigation'; import Autocomplete from '@components/autocomplete'; +import CompassIcon from '@components/compass_icon'; import KeyboardLayout from '@components/layout/keyboard_layout'; import DateHeader from '@components/post_list/date_header'; import FormattedText from '@components/formatted_text'; @@ -193,8 +193,8 @@ export default class Search extends PureComponent { archivedIndicator = ( - {' '} @@ -598,7 +598,7 @@ export default class Search extends PureComponent { const sectionsData = [{ value: 'from:', testID: 'search_from.section', - modifier: `from:${intl.formatMessage({id: 'mobile.search.from_modifier_title', defaultMessage: 'username'})}`, + modifier: `${intl.formatMessage({id: 'mobile.search.from_modifier_title', defaultMessage: 'username'})}`, description: intl.formatMessage({ id: 'mobile.search.from_modifier_description', defaultMessage: 'to find posts from specific users', @@ -606,7 +606,7 @@ export default class Search extends PureComponent { }, { value: 'in:', testID: 'search_in.section', - modifier: `in:${intl.formatMessage({id: 'mobile.search.in_modifier_title', defaultMessage: 'channel-name'})}`, + modifier: `:${intl.formatMessage({id: 'mobile.search.in_modifier_title', defaultMessage: 'channel-name'})}`, description: intl.formatMessage({ id: 'mobile.search.in_modifier_description', defaultMessage: 'to find posts in specific channels', @@ -618,7 +618,7 @@ export default class Search extends PureComponent { sectionsData.push({ value: 'on:', testID: 'search_on.section', - modifier: 'on: YYYY-MM-DD', + modifier: 'YYYY-MM-DD', description: intl.formatMessage({ id: 'mobile.search.on_modifier_description', defaultMessage: 'to find posts on a specific date', @@ -627,7 +627,7 @@ export default class Search extends PureComponent { sectionsData.push({ value: 'after:', testID: 'search_after.section', - modifier: 'after: YYYY-MM-DD', + modifier: 'YYYY-MM-DD', description: intl.formatMessage({ id: 'mobile.search.after_modifier_description', defaultMessage: 'to find posts after a specific date', @@ -636,7 +636,7 @@ export default class Search extends PureComponent { sectionsData.push({ value: 'before:', testID: 'search_before.section', - modifier: 'before: YYYY-MM-DD', + modifier: 'YYYY-MM-DD', description: intl.formatMessage({ id: 'mobile.search.before_modifier_description', defaultMessage: 'to find posts before a specific date', diff --git a/app/screens/select_server/select_server.js b/app/screens/select_server/select_server.js index dbb2e31b6..bb03bbc7d 100644 --- a/app/screens/select_server/select_server.js +++ b/app/screens/select_server/select_server.js @@ -9,7 +9,6 @@ import { ActivityIndicator, Alert, DeviceEventEmitter, - Image, Keyboard, KeyboardAvoidingView, Platform, @@ -28,6 +27,7 @@ import urlParse from 'url-parse'; import {resetToChannel, goToScreen} from '@actions/navigation'; import LocalConfig from '@assets/config'; +import CompassIcon from '@components/compass_icon'; import ErrorText from '@components/error_text'; import FormattedText from '@components/formatted_text'; import fetchConfig from '@init/fetch'; @@ -513,8 +513,10 @@ export default class SelectServer extends PureComponent { accessible={false} > - diff --git a/app/screens/settings/advanced_settings/advanced_settings.js b/app/screens/settings/advanced_settings/advanced_settings.js index df21d52d9..1e61c2e8a 100644 --- a/app/screens/settings/advanced_settings/advanced_settings.js +++ b/app/screens/settings/advanced_settings/advanced_settings.js @@ -117,8 +117,7 @@ class AdvancedSettings extends Component { { backgroundColor: changeOpacity(theme.centerChannelColor, 0.06), ...Platform.select({ ios: { + flex: 1, paddingTop: 35, }, }), diff --git a/app/screens/settings/display_settings/__snapshots__/display_settings.test.js.snap b/app/screens/settings/display_settings/__snapshots__/display_settings.test.js.snap index e9a232bc7..60c8566ec 100644 --- a/app/screens/settings/display_settings/__snapshots__/display_settings.test.js.snap +++ b/app/screens/settings/display_settings/__snapshots__/display_settings.test.js.snap @@ -4,6 +4,7 @@ exports[`DisplaySettings should match snapshot 1`] = ` @@ -112,11 +112,10 @@ export default class DisplaySettings extends PureComponent { @@ -133,11 +132,10 @@ export default class DisplaySettings extends PureComponent { @@ -145,11 +143,10 @@ export default class DisplaySettings extends PureComponent { @@ -166,14 +163,16 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { return { container: { flex: 1, + backgroundColor: theme.centerChannelBg, }, wrapper: { - flex: 1, ...Platform.select({ ios: { + flex: 1, paddingTop: 35, }, }), + backgroundColor: changeOpacity(theme.centerChannelColor, 0.06), }, divider: { backgroundColor: changeOpacity(theme.centerChannelColor, 0.1), diff --git a/app/screens/settings/general/settings.js b/app/screens/settings/general/settings.js index 1e053a8ad..e2d14b43f 100644 --- a/app/screens/settings/general/settings.js +++ b/app/screens/settings/general/settings.js @@ -180,7 +180,13 @@ class Settings extends PureComponent { const style = getStyleSheet(theme); const showTeams = joinableTeams.length > 0; const showHelp = isValidUrl(config.HelpLink); - const showArrow = Platform.OS === 'ios'; + + let showArrow = false; + let middleDividerStyle = style.divider; + if (Platform.OS === 'ios') { + showArrow = true; + middleDividerStyle = style.middleDivider; + } return ( @@ -193,8 +199,7 @@ class Settings extends PureComponent { } - {showHelp && - - - - } - + + {showHelp && + + + + } + @@ -308,6 +307,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { backgroundColor: changeOpacity(theme.centerChannelColor, 0.06), ...Platform.select({ ios: { + flex: 1, paddingTop: 35, }, }), @@ -316,6 +316,12 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { backgroundColor: changeOpacity(theme.centerChannelColor, 0.1), height: 1, }, + middleDivider: { + borderTopWidth: 1, + borderBottomWidth: 1, + borderColor: changeOpacity(theme.centerChannelColor, 0.1), + height: 35, + }, }; }); diff --git a/app/screens/settings/notification_settings/__snapshots__/notification_settings.test.js.snap b/app/screens/settings/notification_settings/__snapshots__/notification_settings.test.js.snap index e42b0463d..b790a096a 100644 --- a/app/screens/settings/notification_settings/__snapshots__/notification_settings.test.js.snap +++ b/app/screens/settings/notification_settings/__snapshots__/notification_settings.test.js.snap @@ -246,6 +246,7 @@ NotificationSettings { contentContainerStyle={ Object { "backgroundColor": "rgba(61,60,64,0.06)", + "flex": 1, "paddingTop": 35, } } @@ -262,10 +263,10 @@ NotificationSettings { this.handlePress(this.goToNotificationSettingsAutoResponder)} separator={false} showArrow={showArrow} @@ -208,8 +207,7 @@ export default class NotificationSettings extends PureComponent { this.handlePress(this.goToNotificationSettingsMentions)} separator={true} showArrow={showArrow} @@ -219,8 +217,7 @@ export default class NotificationSettings extends PureComponent { this.handlePress(this.goToNotificationSettingsMobile)} separator={true} showArrow={showArrow} @@ -230,8 +227,7 @@ export default class NotificationSettings extends PureComponent { this.handlePress(this.goToNotificationSettingsEmail)} separator={showEmailSeparator} showArrow={showArrow} @@ -256,6 +252,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { backgroundColor: changeOpacity(theme.centerChannelColor, 0.06), ...Platform.select({ ios: { + flex: 1, paddingTop: 35, }, }), diff --git a/app/screens/settings/section_item.js b/app/screens/settings/section_item.js index bafa26386..653258ded 100644 --- a/app/screens/settings/section_item.js +++ b/app/screens/settings/section_item.js @@ -8,10 +8,10 @@ import { TouchableOpacity, View, } from 'react-native'; -import FontAwesomeIcon from 'react-native-vector-icons/FontAwesome'; -import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; -import CheckMark from 'app/components/checkmark'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; + +import CompassIcon from '@components/compass_icon'; +import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; const ActionTypes = { ARROW: 'arrow', @@ -36,11 +36,11 @@ function sectionItem(props) { let actionComponent; if (actionType === ActionTypes.SELECT && selected) { + const selectStyle = [style.arrow, {color: theme.linkColor}]; actionComponent = ( - ); } else if (actionType === ActionTypes.TOGGLE) { @@ -52,8 +52,8 @@ function sectionItem(props) { ); } else if (actionType === ActionTypes.ARROW) { actionComponent = ( - ); diff --git a/app/screens/settings/settings_item/index.js b/app/screens/settings/settings_item/index.js index 28d9ed73a..f1d2e0cea 100644 --- a/app/screens/settings/settings_item/index.js +++ b/app/screens/settings/settings_item/index.js @@ -4,10 +4,11 @@ import React, {PureComponent} from 'react'; import PropTypes from 'prop-types'; import {Text, TouchableOpacity, View} from 'react-native'; -import FontAwesomeIcon from 'react-native-vector-icons/FontAwesome'; -import {paddingRight, paddingLeft} from 'app/components/safe_area_view/iphone_x_spacing'; -import FormattedText from 'app/components/formatted_text'; -import VectorIcon from 'app/components/vector_icon.js'; + +import CompassIcon from '@components/compass_icon'; +import {paddingRight, paddingLeft} from '@components/safe_area_view/iphone_x_spacing'; +import FormattedText from '@components/formatted_text'; +import {changeOpacity} from '@utils/theme'; import getStyleSheet from './style'; @@ -17,7 +18,7 @@ export default class SettingsItem extends PureComponent { messageValues: PropTypes.object, i18nId: PropTypes.string, iconName: PropTypes.string, - iconType: PropTypes.oneOf(['fontawesome', 'foundation', 'ion', 'material']), + isLink: PropTypes.bool, isDestructor: PropTypes.bool, centered: PropTypes.bool, onPress: PropTypes.func, @@ -32,6 +33,7 @@ export default class SettingsItem extends PureComponent { isDestructor: false, separator: true, isLandscape: false, + isLink: false, }; renderText = () => { @@ -41,6 +43,7 @@ export default class SettingsItem extends PureComponent { messageValues, i18nId, isDestructor, + isLink, theme, } = this.props; const style = getStyleSheet(theme); @@ -55,6 +58,10 @@ export default class SettingsItem extends PureComponent { textStyle.push(style.centerLabel); } + if (isLink) { + textStyle.push(style.linkContainer); + } + if (!i18nId) { return {defaultMessage}; } @@ -72,28 +79,34 @@ export default class SettingsItem extends PureComponent { render() { const { iconName, - iconType, onPress, rightComponent, separator, showArrow, theme, isLandscape, + isDestructor, } = this.props; const style = getStyleSheet(theme); let divider; if (separator) { - divider = (); + divider = ( + + + + ); } let icon; - if (iconType && iconName) { - const iconStyle = [style.icon]; + if (iconName) { + const iconStyle = [style.icon, {color: changeOpacity(theme.centerChannelColor, 0.64)}]; + if (isDestructor) { + iconStyle.push(style.destructor); + } icon = ( - ); @@ -102,8 +115,8 @@ export default class SettingsItem extends PureComponent { let additionalComponent; if (showArrow) { additionalComponent = ( - ); @@ -130,9 +143,9 @@ export default class SettingsItem extends PureComponent { } - {divider} + {divider} ); } diff --git a/app/screens/settings/settings_item/style.android.js b/app/screens/settings/settings_item/style.android.js index 650ce089c..4c06f5981 100644 --- a/app/screens/settings/settings_item/style.android.js +++ b/app/screens/settings/settings_item/style.android.js @@ -11,16 +11,16 @@ export default makeStyleSheetFromTheme((theme) => { flexDirection: 'row', height: 68, }, + linkContainer: { + marginHorizontal: 15, + color: theme.linkColor, + }, iconContainer: { - width: 42, - height: 68, - alignItems: 'center', - justifyContent: 'center', marginHorizontal: 15, }, icon: { color: theme.buttonBg, - fontSize: 25, + fontSize: 24, }, wrapper: { flex: 1, diff --git a/app/screens/settings/settings_item/style.ios.js b/app/screens/settings/settings_item/style.ios.js index 65513be77..47ac4603b 100644 --- a/app/screens/settings/settings_item/style.ios.js +++ b/app/screens/settings/settings_item/style.ios.js @@ -11,18 +11,16 @@ export default makeStyleSheetFromTheme((theme) => { flexDirection: 'row', height: 45, }, + linkContainer: { + marginHorizontal: 15, + color: theme.linkColor, + }, iconContainer: { - width: 29, - height: 29, - backgroundColor: theme.buttonBg, - borderRadius: 7, - alignItems: 'center', - justifyContent: 'center', marginHorizontal: 15, }, icon: { - color: theme.buttonColor, - fontSize: 18, + color: theme.centerChannelColor, + fontSize: 24, marginTop: 2, }, wrapper: { @@ -44,15 +42,20 @@ export default makeStyleSheetFromTheme((theme) => { }, arrowContainer: { justifyContent: 'center', - paddingRight: 15, + paddingRight: 11, }, arrow: { - color: changeOpacity(theme.centerChannelColor, 0.25), - fontSize: 18, + color: changeOpacity(theme.centerChannelColor, 0.32), + fontSize: 24, + }, + dividerContainer: { + backgroundColor: theme.centerChannelBg, + height: 1, }, divider: { - backgroundColor: changeOpacity(theme.centerChannelColor, 0.1), + backgroundColor: changeOpacity(theme.centerChannelColor, 0.08), height: 1, + marginHorizontal: 15, }, destructor: { color: theme.errorTextColor, diff --git a/app/screens/settings/theme/theme_tile.js b/app/screens/settings/theme/theme_tile.js index 2d50449ae..cf060133f 100644 --- a/app/screens/settings/theme/theme_tile.js +++ b/app/screens/settings/theme/theme_tile.js @@ -10,10 +10,9 @@ import { View, } from 'react-native'; +import CompassIcon from '@components/compass_icon'; import {makeStyleSheetFromTheme} from '@utils/theme'; -const checkmark = require('@assets/images/themes/check.png'); - const tilePadding = 8; const ThemeTile = (props) => { @@ -64,8 +63,9 @@ const ThemeTile = (props) => { /> )} {selected && ( - )} @@ -115,6 +115,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { position: 'absolute', right: 10, bottom: 10, + color: theme.buttonBg, }, label: { color: theme.centerChannelColor, diff --git a/app/screens/settings/timezone/select_timezone/select_timezone_row.js b/app/screens/settings/timezone/select_timezone/select_timezone_row.js index 7a99de5be..a72326476 100644 --- a/app/screens/settings/timezone/select_timezone/select_timezone_row.js +++ b/app/screens/settings/timezone/select_timezone/select_timezone_row.js @@ -9,9 +9,9 @@ import { View, } from 'react-native'; -import CheckMark from 'app/components/checkmark'; -import {makeStyleSheetFromTheme} from 'app/utils/theme'; -import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; +import CompassIcon from '@components/compass_icon'; +import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; +import {makeStyleSheetFromTheme} from '@utils/theme'; const ITEM_HEIGHT = 45; @@ -34,9 +34,9 @@ export default class SelectTimezoneRow extends PureComponent { const styles = getStyleSheet(theme); const selected = timezone === selectedTimezone && ( - ); diff --git a/app/screens/terms_of_service/__snapshots__/terms_of_service.test.js.snap b/app/screens/terms_of_service/__snapshots__/terms_of_service.test.js.snap index 6fc03a29a..17ebcd0e7 100644 --- a/app/screens/terms_of_service/__snapshots__/terms_of_service.test.js.snap +++ b/app/screens/terms_of_service/__snapshots__/terms_of_service.test.js.snap @@ -37,7 +37,6 @@ exports[`TermsOfService should enable/disable navigator buttons on setNavigatorB }, "quoteBlockIcon": Object { "color": undefined, - "padding": 5, }, } } @@ -172,7 +171,6 @@ exports[`TermsOfService should enable/disable navigator buttons on setNavigatorB }, "quoteBlockIcon": Object { "color": undefined, - "padding": 5, }, } } @@ -368,7 +366,6 @@ exports[`TermsOfService should match snapshot on enableNavigatorLogout 1`] = ` }, "quoteBlockIcon": Object { "color": undefined, - "padding": 5, }, } } diff --git a/app/screens/user_profile/__snapshots__/user_profile.test.js.snap b/app/screens/user_profile/__snapshots__/user_profile.test.js.snap index 83fa7f51f..2e030d4fe 100644 --- a/app/screens/user_profile/__snapshots__/user_profile.test.js.snap +++ b/app/screens/user_profile/__snapshots__/user_profile.test.js.snap @@ -10,6 +10,11 @@ exports[`user_profile should match snapshot 1`] = ` > + + @@ -315,23 +314,27 @@ export default class UserProfile extends PureComponent { {this.getDisplayName()} {`@${user.username}`} + {this.renderDetailsBlock(style)} + { flex: 1, backgroundColor: theme.centerChannelBg, }, + contentContainer: { + paddingBottom: 48, + }, text: { fontSize: 15, color: theme.centerChannelColor, @@ -387,6 +393,12 @@ const createStyleSheet = makeStyleSheetFromTheme((theme) => { marginTop: 15, flexDirection: 'row', }, + divider: { + height: 1, + marginLeft: 16, + marginRight: 22, + backgroundColor: '#EBEBEC', + }, }; }); diff --git a/app/screens/user_profile/user_profile_row.js b/app/screens/user_profile/user_profile_row.js index 7d5d7bbcb..30d8942c2 100644 --- a/app/screens/user_profile/user_profile_row.js +++ b/app/screens/user_profile/user_profile_row.js @@ -9,23 +9,19 @@ import { View, } from 'react-native'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; -import FormattedText from 'app/components/formatted_text'; -import {paddingHorizontal as padding} from 'app/components/safe_area_view/iphone_x_spacing'; -import TouchableWithFeedback from 'app/components/touchable_with_feedback'; -import VectorIcon from 'app/components/vector_icon'; +import CompassIcon from '@components/compass_icon'; +import FormattedText from '@components/formatted_text'; +import {paddingHorizontal as padding} from '@components/safe_area_view/iphone_x_spacing'; +import TouchableWithFeedback from '@components/touchable_with_feedback'; +import {makeStyleSheetFromTheme} from '@utils/theme'; const createStyleSheet = makeStyleSheetFromTheme((theme) => { return { container: { - backgroundColor: changeOpacity(theme.centerChannelBg, 0.7), + backgroundColor: theme.centerChannelBg, paddingHorizontal: 15, flexDirection: 'row', alignItems: 'center', - borderTopWidth: 1, - borderBottomWidth: 1, - borderTopColor: changeOpacity(theme.centerChannelColor, 0.3), - borderBottomColor: changeOpacity(theme.centerChannelColor, 0.3), }, detail: { marginHorizontal: 15, @@ -34,14 +30,14 @@ const createStyleSheet = makeStyleSheetFromTheme((theme) => { }, label: { flex: 1, - marginLeft: 15, + marginLeft: 6, fontSize: 15, + fontWeight: '600', paddingVertical: 15, - color: theme.centerChannelColor, + color: theme.buttonBg, }, leftIcon: { - width: 17, - color: theme.centerChannelColor, + color: theme.buttonBg, }, rightIcon: { color: theme.centerChannelColor, @@ -62,7 +58,7 @@ function createTouchableComponent(children, action) { } function userProfileRow(props) { - const {action, defaultMessage, detail, icon, textId, togglable, theme, iconType, iconSize, shouldRender = true, isLandscape} = props; + const {action, defaultMessage, detail, icon, textId, togglable, theme, iconSize, shouldRender = true, isLandscape} = props; if (!shouldRender) { return null; @@ -70,32 +66,29 @@ function userProfileRow(props) { const style = createStyleSheet(theme); + const iconComponent = ( + + ); + const RowComponent = ( - + {iconComponent} {detail} - {togglable ? - : - + {togglable && + } @@ -117,7 +110,6 @@ userProfileRow.propTypes = { PropTypes.bool, ]), icon: PropTypes.string.isRequired, - iconType: PropTypes.oneOf(['fontawesome', 'foundation', 'ion', 'material']), iconColor: PropTypes.string, iconSize: PropTypes.number, textId: PropTypes.string.isRequired, diff --git a/app/selectors/emojis.js b/app/selectors/emojis.js index a8fe0e8cc..fd000bd17 100644 --- a/app/selectors/emojis.js +++ b/app/selectors/emojis.js @@ -12,52 +12,52 @@ const categoryToI18n = { activity: { id: t('mobile.emoji_picker.activity'), defaultMessage: 'ACTIVITY', - icon: 'futbol-o', + icon: 'basketball', }, custom: { id: t('mobile.emoji_picker.custom'), defaultMessage: 'CUSTOM', - icon: 'at', + icon: 'emoticon-custom-outline', }, flags: { id: t('mobile.emoji_picker.flags'), defaultMessage: 'FLAGS', - icon: 'flag-o', + icon: 'flag-outline', }, foods: { id: t('mobile.emoji_picker.foods'), defaultMessage: 'FOODS', - icon: 'cutlery', + icon: 'food-apple', }, nature: { id: t('mobile.emoji_picker.nature'), defaultMessage: 'NATURE', - icon: 'leaf', + icon: 'leaf-outline', }, objects: { id: t('mobile.emoji_picker.objects'), defaultMessage: 'OBJECTS', - icon: 'lightbulb-o', + icon: 'lightbulb-outline', }, people: { id: t('mobile.emoji_picker.people'), defaultMessage: 'PEOPLE', - icon: 'smile-o', + icon: 'emoticon-happy-outline', }, places: { id: t('mobile.emoji_picker.places'), defaultMessage: 'PLACES', - icon: 'plane', + icon: 'airplane-variant', }, recent: { id: t('mobile.emoji_picker.recent'), defaultMessage: 'RECENTLY USED', - icon: 'clock-o', + icon: 'clock-outline', }, symbols: { id: t('mobile.emoji_picker.symbols'), defaultMessage: 'SYMBOLS', - icon: 'heart-o', + icon: 'heart-outline', }, }; diff --git a/app/styles/index.js b/app/styles/index.js index cb06b567e..185c087c6 100644 --- a/app/styles/index.js +++ b/app/styles/index.js @@ -109,4 +109,7 @@ export const GlobalStyles = StyleSheet.create({ borderRadius: 3, color: '#3d3c40', }, + logo: { + color: '#2389D7', + }, }); diff --git a/app/utils/markdown.js b/app/utils/markdown.js index c5c60f20b..70c75b1c5 100644 --- a/app/utils/markdown.js +++ b/app/utils/markdown.js @@ -108,7 +108,6 @@ export const getMarkdownBlockStyles = makeStyleSheetFromTheme((theme) => { }, quoteBlockIcon: { color: changeOpacity(theme.centerChannelColor, 0.5), - padding: 5, }, }; }); diff --git a/assets/base/compass-icons.json b/assets/base/compass-icons.json new file mode 100644 index 000000000..3fe9db116 --- /dev/null +++ b/assets/base/compass-icons.json @@ -0,0 +1,2838 @@ +{ + "name": "compass-icons", + "css_prefix_text": "", + "css_use_suffix": false, + "hinting": true, + "units_per_em": 1000, + "ascent": 850, + "glyphs": [ + { + "uid": "a1101bf8e4699581563a54ae65f4ea82", + "css": "chevron-right", + "code": 61762, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M357.9 690.8L548.8 500 357.9 308.8 416.7 250 666.7 500 416.7 750 357.9 690.8Z", + "width": 1000 + }, + "search": [ + "chevron-right" + ] + }, + { + "uid": "6556879d7db289a14373ad0e1e37dacf", + "css": "robot-happy", + "code": 59401, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 445.8H862.5C891.7 445.8 916.7 470.8 916.7 500V612.5C916.7 641.7 891.7 666.7 862.5 666.7H833.3V445.8ZM137.5 445.8H166.7V666.7H137.5C108.3 666.7 83.3 641.7 83.3 612.5V500C83.3 470.8 108.3 445.8 137.5 445.8ZM612.5 554.2C641.7 554.2 666.7 529.2 666.7 500S641.7 445.8 612.5 445.8 558.3 470.8 558.3 500 579.2 554.2 612.5 554.2ZM387.5 554.2C416.7 554.2 441.7 529.2 441.7 500S420.8 445.8 387.5 445.8 333.3 470.8 333.3 500 358.3 554.2 387.5 554.2ZM333.3 629.2C333.3 633.3 333.3 637.5 333.3 637.5 333.3 700 408.3 750 500 750S666.7 700 666.7 637.5C666.7 633.3 666.7 629.2 666.7 629.2 625 650 566.7 666.7 500 666.7S375 654.2 333.3 629.2ZM445.8 279.2V220.8C445.8 191.7 470.8 166.7 500 166.7S554.2 191.7 554.2 220.8V275H666.7C729.2 275 779.2 325 779.2 387.5V720.8C779.2 783.3 729.2 833.3 666.7 833.3H333.3C270.8 833.3 220.8 783.3 220.8 720.8V387.5C220.8 325 270.8 275 333.3 275H445.8V279.2Z", + "width": 1000 + }, + "search": [ + "robot-happy" + ] + }, + { + "uid": "c0b2a59c606ab154a994a8f44fec6e7e", + "css": "archive-outline", + "code": 59393, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 875H166.7V416.7H250V791.7H750V416.7H833.3V875M125 125H875V375H125V125M395.8 458.3H604.2C615.8 458.3 625 467.5 625 479.2V541.7H375V479.2C375 467.5 384.2 458.3 395.8 458.3M208.3 208.3V291.7H791.7V208.3H208.3Z", + "width": 1000 + }, + "search": [ + "archive-outline" + ] + }, + { + "uid": "8267384830f2159d7b7c8abadfdb3919", + "css": "chevron-down-circle-outline", + "code": 64268, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M916.7 500A416.7 416.7 0 0 1 500 916.7 416.7 416.7 0 0 1 83.3 500 416.7 416.7 0 0 1 500 83.3 416.7 416.7 0 0 1 916.7 500M833.3 500A333.3 333.3 0 0 0 500 166.7 333.3 333.3 0 0 0 166.7 500 333.3 333.3 0 0 0 500 833.3 333.3 333.3 0 0 0 833.3 500M250 416.7L500 666.7 750 416.7 691.7 358.3 500 550 308.3 358.3 250 416.7Z", + "width": 1000 + }, + "search": [ + "chevron-down-circle-outline" + ] + }, + { + "uid": "923f365eac54b53b8df86f9abe5fb748", + "css": "arrow-left", + "code": 61517, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 458.3V541.7H333.3L562.5 770.8 503.3 830 173.3 500 503.3 170 562.5 229.2 333.3 458.3H833.3Z", + "width": 1000 + }, + "search": [ + "arrow-left" + ] + }, + { + "uid": "04ab3a26c280fcba60ceafbab66433bc", + "css": "close", + "code": 61782, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 267.1L732.9 208.3 500 441.2 267.1 208.3 208.3 267.1 441.2 500 208.3 732.9 267.1 791.7 500 558.8 732.9 791.7 791.7 732.9 558.8 500 791.7 267.1Z", + "width": 1000 + }, + "search": [ + "close" + ] + }, + { + "uid": "5a06502f3f2fdef694ca094d218baff7", + "css": "email-variant", + "code": 62960, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 541.7L83.3 281.7V250C83.3 203.7 120.4 166.7 166.7 166.7H833.3A83.3 83.3 0 0 1 916.7 250V281.3L500 541.7M916.7 750A83.3 83.3 0 0 1 833.3 833.3H166.7C120.4 833.3 83.3 795.8 83.3 750V379.6L166.7 431.7V750H833.3V431.7L916.7 379.6V750Z", + "width": 1000 + }, + "search": [ + "email-variant" + ] + }, + { + "uid": "58c8543cc15cb245720e495e9feb210f", + "css": "checkbox-marked", + "code": 61746, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M416.7 708.3L208.3 500 267.1 440.8 416.7 590.4 732.9 274.2 791.7 333.3M791.7 125H208.3C162.1 125 125 162.1 125 208.3V791.7A83.3 83.3 0 0 0 208.3 875H791.7A83.3 83.3 0 0 0 875 791.7V208.3C875 162.1 837.5 125 791.7 125Z", + "width": 1000 + }, + "search": [ + "checkbox-marked" + ] + }, + { + "uid": "43ea577615a13d2eadd9f5c4c4e58f97", + "css": "email-outline", + "code": 61936, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M916.7 250C916.7 204.2 879.2 166.7 833.3 166.7H166.7C120.8 166.7 83.3 204.2 83.3 250V750C83.3 795.8 120.8 833.3 166.7 833.3H833.3C879.2 833.3 916.7 795.8 916.7 750V250M833.3 250L500 458.3 166.7 250H833.3M833.3 750H166.7V333.3L500 541.7 833.3 333.3V750Z", + "width": 1000 + }, + "search": [ + "email-outline" + ] + }, + { + "uid": "b7b8548aaaa66edba5dced717c35af39", + "css": "checkbox-blank-outline", + "code": 61745, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 125H208.3C162.1 125 125 162.1 125 208.3V791.7A83.3 83.3 0 0 0 208.3 875H791.7A83.3 83.3 0 0 0 875 791.7V208.3C875 162.1 837.5 125 791.7 125M791.7 208.3V791.7H208.3V208.3H791.7Z", + "width": 1000 + }, + "search": [ + "checkbox-blank-outline" + ] + }, + { + "uid": "0c136912772e1804e47623546d68a4e2", + "css": "emoticon-outline", + "code": 61938, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 729.2C597.1 729.2 679.2 668.3 712.9 583.3H287.1C320.4 668.3 402.9 729.2 500 729.2M354.2 458.3A62.5 62.5 0 0 0 416.7 395.8 62.5 62.5 0 0 0 354.2 333.3 62.5 62.5 0 0 0 291.7 395.8 62.5 62.5 0 0 0 354.2 458.3M645.8 458.3A62.5 62.5 0 0 0 708.3 395.8 62.5 62.5 0 0 0 645.8 333.3 62.5 62.5 0 0 0 583.3 395.8 62.5 62.5 0 0 0 645.8 458.3M500 833.3A333.3 333.3 0 0 1 166.7 500 333.3 333.3 0 0 1 500 166.7 333.3 333.3 0 0 1 833.3 500 333.3 333.3 0 0 1 500 833.3M500 83.3C269.6 83.3 83.3 270.8 83.3 500A416.7 416.7 0 0 0 500 916.7 416.7 416.7 0 0 0 916.7 500 416.7 416.7 0 0 0 500 83.3Z", + "width": 1000 + }, + "search": [ + "emoticon-outline" + ] + }, + { + "uid": "49f2bb0b6318d5938f8aa5f181ba9e77", + "css": "sync", + "code": 62694, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 750A250 250 0 0 1 250 500C250 458.3 260.4 417.9 279.2 383.3L218.3 322.5C185.8 373.8 166.7 434.6 166.7 500A333.3 333.3 0 0 0 500 833.3V958.3L666.7 791.7 500 625M500 166.7V41.7L333.3 208.3 500 375V250A250 250 0 0 1 750 500C750 541.7 739.6 582.1 720.8 616.7L781.7 677.5C814.2 626.2 833.3 565.4 833.3 500A333.3 333.3 0 0 0 500 166.7Z", + "width": 1000 + }, + "search": [ + "sync" + ] + }, + { + "uid": "31957a9ddf61c9fd527945ec158b4f85", + "css": "minus-box", + "code": 62325, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M708.3 541.7H291.7V458.3H708.3M791.7 125H208.3C162.1 125 125 162.1 125 208.3V791.7A83.3 83.3 0 0 0 208.3 875H791.7A83.3 83.3 0 0 0 875 791.7V208.3C875 162.1 837.5 125 791.7 125Z", + "width": 1000 + }, + "search": [ + "minus-box" + ] + }, + { + "uid": "d7bffe5f62989f064c28707afd168033", + "css": "chevron-left", + "code": 61761, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M642.1 690.8L451.3 500 642.1 308.8 583.3 250 333.3 500 583.3 750 642.1 690.8Z", + "width": 1000 + }, + "search": [ + "chevron-left" + ] + }, + { + "uid": "0994e1ead2d756873e60e879f6a74b82", + "css": "at", + "code": 61541, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 625C533.8 625 562.5 612.5 587.9 587.9 612.5 562.5 625 533.8 625 500 625 466.2 612.5 437.5 587.9 412.1 562.5 387.5 533.8 375 500 375 466.2 375 437.5 387.5 412.1 412.1 387.5 437.5 375 466.2 375 500 375 533.8 387.5 562.5 412.1 587.9 437.5 612.5 466.2 625 500 625M500 83.3C614.6 83.3 712.5 125 793.8 206.3 875 287.5 916.7 385.4 916.7 500V560.4C916.7 602.1 902.1 637.5 875 666.7 845.8 694.6 812.5 708.3 770.8 708.3 720.8 708.3 679.6 687.5 648.3 645.8 606.7 687.5 557.5 708.3 500 708.3 442.9 708.3 393.7 687.5 352.5 647.5 312.5 606.3 291.7 557.5 291.7 500 291.7 442.9 312.5 393.7 352.5 352.5 393.7 312.5 442.9 291.7 500 291.7 557.5 291.7 606.3 312.5 647.5 352.5 687.5 393.7 708.3 442.9 708.3 500V560.4C708.3 577.5 715 592.5 727.5 605.4 740 618.3 754.6 625 770.8 625 788.3 625 802.9 618.3 815.4 605.4 827.9 592.5 833.3 577.5 833.3 560.4V500C833.3 408.8 801.3 330.4 735.4 264.6 669.6 198.7 591.3 166.7 500 166.7 408.8 166.7 330.4 198.7 264.6 264.6 198.7 330.4 166.7 408.8 166.7 500 166.7 591.3 198.7 669.6 264.6 735.4 330.4 801.3 408.8 833.3 500 833.3H708.3V916.7H500C385.4 916.7 287.5 875 206.3 793.8 125 712.5 83.3 614.6 83.3 500 83.3 385.4 125 287.5 206.3 206.3 287.5 125 385.4 83.3 500 83.3Z", + "width": 1000 + }, + "search": [ + "at" + ] + }, + { + "uid": "4b16ab9ac115800a12f2a6a6262946ba", + "css": "pencil-outline", + "code": 64658, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M585.8 375L625 414.2 246.7 791.7H208.3V753.3L585.8 375M735.8 125C725.4 125 714.6 129.2 706.7 137.1L630.4 213.3 786.7 369.6 862.9 293.3C879.2 277.1 879.2 250 862.9 234.6L765.4 137.1C757.1 128.8 746.7 125 735.8 125M585.8 257.9L125 718.8V875H281.3L742.1 414.2 585.8 257.9Z", + "width": 1000 + }, + "search": [ + "pencil-outline" + ] + }, + { + "uid": "869abee0196cbda6a5f3bd9ba2d5b4ab", + "css": "plus", + "code": 62485, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 541.7H541.7V791.7H458.3V541.7H208.3V458.3H458.3V208.3H541.7V458.3H791.7V541.7Z", + "width": 1000 + }, + "search": [ + "plus" + ] + }, + { + "uid": "7a40c0fce2af9a11c2022cc11be97a8b", + "css": "close-circle-outline", + "code": 61786, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 833.3C316.3 833.3 166.7 683.8 166.7 500 166.7 316.3 316.3 166.7 500 166.7 683.8 166.7 833.3 316.3 833.3 500 833.3 683.8 683.8 833.3 500 833.3M500 83.3C269.6 83.3 83.3 269.6 83.3 500 83.3 730.4 269.6 916.7 500 916.7 730.4 916.7 916.7 730.4 916.7 500 916.7 269.6 730.4 83.3 500 83.3M607.9 333.3L500 441.2 392.1 333.3 333.3 392.1 441.2 500 333.3 607.9 392.1 666.7 500 558.8 607.9 666.7 666.7 607.9 558.8 500 666.7 392.1 607.9 333.3Z", + "width": 1000 + }, + "search": [ + "close-circle-outline" + ] + }, + { + "uid": "289b910e6c6b6b800be91902445d7498", + "css": "plus-box", + "code": 62486, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M708.3 541.7H541.7V708.3H458.3V541.7H291.7V458.3H458.3V291.7H541.7V458.3H708.3M791.7 125H208.3C162.1 125 125 162.1 125 208.3V791.7A83.3 83.3 0 0 0 208.3 875H791.7A83.3 83.3 0 0 0 875 791.7V208.3C875 162.1 837.5 125 791.7 125Z", + "width": 1000 + }, + "search": [ + "plus-box" + ] + }, + { + "uid": "6e279eb1d9e242f940c880de5b05d436", + "css": "information-outline", + "code": 62205, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M458.3 375H541.7V291.7H458.3M500 833.3C316.3 833.3 166.7 683.8 166.7 500 166.7 316.3 316.3 166.7 500 166.7 683.8 166.7 833.3 316.3 833.3 500 833.3 683.8 683.8 833.3 500 833.3M500 83.3A416.7 416.7 0 0 0 83.3 500 416.7 416.7 0 0 0 500 916.7 416.7 416.7 0 0 0 916.7 500 416.7 416.7 0 0 0 500 83.3M458.3 708.3H541.7V458.3H458.3V708.3Z", + "width": 1000 + }, + "search": [ + "information-outline" + ] + }, + { + "uid": "f9eafcba4b308d156b1431d9ddab63fb", + "css": "check", + "code": 61740, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M875 291.7L375 791.7 145.8 562.5 204.6 503.7 375 673.8 816.3 232.9 875 291.7Z", + "width": 1000 + }, + "search": [ + "check" + ] + }, + { + "uid": "9a43e61ca909cf921e65fc5ff1569e10", + "css": "link-variant", + "code": 62265, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M441.2 558.8C458.3 575 458.3 601.7 441.2 617.9 425 634.2 398.3 634.2 382.1 617.9 300.8 536.7 300.8 404.6 382.1 323.3V323.3L529.6 175.8C610.8 94.6 742.9 94.6 824.2 175.8 905.4 257.1 905.4 389.2 824.2 470.4L762.1 532.5C762.5 498.3 757.1 464.2 745.4 431.7L765 411.7C814.2 362.9 814.2 283.7 765 235 716.3 185.8 637.1 185.8 588.3 235L441.2 382.1C392.1 430.8 392.1 510 441.2 558.8M558.8 382.1C575 365.8 601.7 365.8 617.9 382.1 699.2 463.3 699.2 595.4 617.9 676.7V676.7L470.4 824.2C389.2 905.4 257.1 905.4 175.8 824.2 94.6 742.9 94.6 610.8 175.8 529.6L237.9 467.5C237.5 501.7 242.9 535.8 254.6 568.8L235 588.3C185.8 637.1 185.8 716.3 235 765 283.7 814.2 362.9 814.2 411.7 765L558.8 617.9C607.9 569.2 607.9 490 558.8 441.2 541.7 425 541.7 398.3 558.8 382.1Z", + "width": 1000 + }, + "search": [ + "link-variant" + ] + }, + { + "uid": "c33c574c706b8193732a48395e7c6fda", + "css": "flag", + "code": 62011, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M600 250L583.3 166.7H208.3V875H291.7V583.3H525L541.7 666.7H833.3V250H600Z", + "width": 1000 + }, + "search": [ + "flag" + ] + }, + { + "uid": "47f0d513a4d29a48d1adbbf244ad4af9", + "css": "flag-outline", + "code": 62013, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M516.7 250L533.3 333.3H750V583.3H608.3L591.7 500H291.7V250H516.7M583.3 166.7H208.3V875H291.7V583.3H525L541.7 666.7H833.3V250H600", + "width": 1000 + }, + "search": [ + "flag-outline" + ] + }, + { + "uid": "db72f002927fdc7ebe3626db0127bcd6", + "css": "gfycat", + "code": 59396, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M300 766.7H241.7C225 766.7 212.5 762.5 200 750 187.5 737.5 183.3 725 183.3 708.3S187.5 679.2 200 666.7C212.5 654.2 225 650 241.7 650H295.8C312.5 650 325 645.8 337.5 633.3 350 620.8 354.2 608.3 354.2 595.8V479.2C354.2 462.5 350 450 337.5 437.5 325 429.2 312.5 420.8 300 420.8 283.3 420.8 270.8 425 258.3 437.5 245.8 450 241.7 462.5 241.7 479.2 241.7 491.7 245.8 504.2 254.2 516.7L254.2 516.7C262.5 529.2 266.7 541.7 266.7 554.2 266.7 570.8 262.5 583.3 250 595.8S225 612.5 208.3 612.5C183.3 612.5 162.5 595.8 145.8 562.5 129.2 533.3 125 508.3 125 479.2 125 433.3 141.7 391.7 175 358.3 212.5 325 250 308.3 295.8 308.3S383.3 325 416.7 358.3 466.7 433.3 466.7 479.2V595.8C466.7 641.7 450 683.3 416.7 716.7 383.3 750 345.8 766.7 300 766.7ZM916.7 495.8C916.7 508.3 912.5 520.8 900 533.3 891.7 541.7 879.2 550 862.5 550H791.7V600C791.7 612.5 787.5 625 775 637.5 766.7 645.8 754.2 654.2 737.5 654.2 725 654.2 712.5 650 700 637.5 691.7 629.2 683.3 616.7 683.3 600V391.7C683.3 350 700 312.5 729.2 279.2 758.3 250 795.8 233.3 837.5 233.3H858.3C870.8 233.3 883.3 237.5 895.8 250 912.5 262.5 916.7 275 916.7 287.5S912.5 312.5 900 325C891.7 333.3 879.2 341.7 862.5 341.7H841.7C829.2 341.7 816.7 345.8 804.2 358.3 795.8 366.7 787.5 379.2 787.5 395.8V450H858.3C870.8 450 883.3 454.2 895.8 466.7 912.5 470.8 916.7 483.3 916.7 495.8ZM637.5 600C637.5 612.5 633.3 625 620.8 637.5 612.5 645.8 600 654.2 583.3 654.2 570.8 654.2 558.3 650 545.8 637.5 537.5 629.2 529.2 616.7 529.2 600V429.2C529.2 416.7 533.3 404.2 545.8 391.7 554.2 383.3 566.7 375 583.3 375 595.8 375 608.3 379.2 620.8 391.7 629.2 400 637.5 412.5 637.5 429.2V600ZM95.8 370.8C87.5 337.5 83.3 308.3 83.3 308.3 83.3 300 87.5 291.7 95.8 295.8 95.8 295.8 104.2 295.8 112.5 300 125 300 137.5 304.2 150 308.3 175 312.5 195.8 320.8 195.8 320.8S170.8 337.5 150 358.3C129.2 383.3 116.7 416.7 116.7 416.7S104.2 400 95.8 370.8ZM504.2 370.8C512.5 341.7 516.7 308.3 516.7 308.3 516.7 300 512.5 295.8 504.2 295.8 504.2 295.8 475 300 450 308.3 429.2 312.5 404.2 320.8 404.2 320.8S429.2 337.5 450 358.3C470.8 383.3 483.3 416.7 483.3 416.7S495.8 400 504.2 370.8ZM637.5 287.5C637.5 300 633.3 312.5 620.8 325 612.5 333.3 600 341.7 583.3 341.7 570.8 341.7 558.3 337.5 545.8 325 537.5 316.7 529.2 304.2 529.2 287.5 529.2 275 533.3 262.5 545.8 250 554.2 241.7 566.7 233.3 583.3 233.3 595.8 233.3 608.3 237.5 620.8 250S637.5 270.8 637.5 287.5Z", + "width": 1000 + }, + "search": [ + "gfycat" + ] + }, + { + "uid": "e44798d904347d6256f79c309e720f6c", + "css": "fire", + "code": 62008, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M491.7 250C495.8 254.2 500 262.5 504.2 266.7 520.8 291.7 550 320.8 591.7 358.3 625 387.5 650 412.5 662.5 429.2 683.3 454.2 700 479.2 712.5 504.2 725 533.3 729.2 570.8 729.2 604.2 729.2 645.8 720.8 683.3 700 716.7 679.2 754.2 650 779.2 616.7 800 579.2 825 541.7 833.3 500 833.3S420.8 825 387.5 804.2C350 783.3 325 754.2 304.2 720.8S275 650 275 608.3C275 570.8 283.3 537.5 300 504.2 300 504.2 300 500 304.2 500V558.3C304.2 600 320.8 637.5 345.8 662.5 375 691.7 412.5 704.2 450 704.2S529.2 687.5 554.2 662.5C583.3 633.3 595.8 595.8 595.8 558.3 595.8 533.3 587.5 508.3 575 483.3 570.8 470.8 562.5 454.2 545.8 429.2 520.8 387.5 508.3 362.5 500 350 491.7 320.8 487.5 295.8 487.5 266.7 491.7 258.3 491.7 254.2 491.7 250M500 83.3H495.8C483.3 83.3 475 91.7 466.7 100 433.3 154.2 412.5 204.2 408.3 254.2 404.2 295.8 412.5 333.3 425 375 433.3 395.8 450 429.2 475 466.7 487.5 487.5 495.8 504.2 500 512.5 508.3 525 512.5 537.5 512.5 550 512.5 566.7 508.3 583.3 495.8 595.8 483.3 608.3 466.7 612.5 450 612.5S416.7 608.3 404.2 595.8C391.7 583.3 387.5 566.7 387.5 550V379.2C387.5 362.5 379.2 354.2 366.7 345.8 354.2 341.7 350 341.7 341.7 341.7S329.2 341.7 320.8 345.8C279.2 375 245.8 412.5 225 458.3 200 504.2 187.5 554.2 187.5 604.2 187.5 662.5 200 712.5 229.2 758.3S295.8 845.8 341.7 870.8 441.7 912.5 500 912.5 608.3 900 658.3 870.8 745.8 804.2 770.8 758.3C800 712.5 812.5 658.3 812.5 604.2 812.5 558.3 804.2 512.5 787.5 470.8 775 437.5 754.2 408.3 725 375 708.3 358.3 683.3 329.2 650 300 612.5 266.7 587.5 237.5 575 220.8 554.2 187.5 541.7 158.3 541.7 125 541.7 112.5 537.5 104.2 529.2 95.8 516.7 87.5 508.3 83.3 500 83.3L500 83.3Z", + "width": 1000 + }, + "search": [ + "fire" + ] + }, + { + "uid": "df1ae3f005e47f15c223620eda06f0bf", + "css": "email-plus-outline", + "code": 63979, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 625V750H666.7V833.3H791.7V958.3H875V833.3H1000V750H875V625H791.7M583.3 750H125V333.3L458.3 541.7 791.7 333.3V541.7H875V250C875 204.2 837.5 166.7 791.7 166.7H125C79.2 166.7 41.7 204.2 41.7 250V750C41.7 795.8 79.2 833.3 125 833.3H583.3V750M791.7 250L458.3 458.3 125 250H791.7Z", + "width": 1000 + }, + "search": [ + "email-plus-outline" + ] + }, + { + "uid": "da6dd36eb63e9bb0152071322c94182f", + "css": "view-grid-outline", + "code": 983556, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 458.3H458.3V125H125M208.3 208.3H375V375H208.3M541.7 875H875V541.7H541.7M625 625H791.7V791.7H625M125 875H458.3V541.7H125M208.3 625H375V791.7H208.3M541.7 125V458.3H875V125M791.7 375H625V208.3H791.7Z", + "width": 1000 + }, + "search": [ + "view-grid-outline" + ] + }, + { + "uid": "95d608eb5a6e031f50c8ca154e5e2d1c", + "css": "lock", + "code": 62270, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 375C795.8 375 833.3 412.5 833.3 458.3V833.3C833.3 879.2 795.8 916.7 750 916.7H250C204.2 916.7 166.7 879.2 166.7 833.3V458.3C166.7 412.5 204.2 375 250 375H291.7V291.7C291.7 175 383.3 83.3 500 83.3S708.3 175 708.3 291.7V375H750M500 166.7C429.2 166.7 375 220.8 375 291.7V375H625V291.7C625 220.8 570.8 166.7 500 166.7Z", + "width": 1000 + }, + "search": [ + "lock" + ] + }, + { + "uid": "a461ba8a60e8f9fcd6b5b719d54463f6", + "css": "shield-outline", + "code": 62617, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M875 458.3C875 689.6 715 905.8 500 958.3 285 905.8 125 689.6 125 458.3V208.3L500 41.7 875 208.3V458.3M500 875C656.3 833.3 791.7 647.5 791.7 467.5V262.5L500 132.5 208.3 262.5V467.5C208.3 647.5 343.8 833.3 500 875Z", + "width": 1000 + }, + "search": [ + "shield-outline" + ] + }, + { + "uid": "cf6613a37e39500d990ce53979e8e3d1", + "css": "lock-outline", + "code": 62273, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 833.3V458.3H250V833.3H750M750 375C795.8 375 833.3 412.5 833.3 458.3V833.3C833.3 879.2 795.8 916.7 750 916.7H250C204.2 916.7 166.7 879.2 166.7 833.3V458.3C166.7 412.5 204.2 375 250 375H291.7V291.7C291.7 175 383.3 83.3 500 83.3S708.3 175 708.3 291.7V375H750M500 166.7C429.2 166.7 375 220.8 375 291.7V375H625V291.7C625 220.8 570.8 166.7 500 166.7Z", + "width": 1000 + }, + "search": [ + "lock-outline" + ] + }, + { + "uid": "0664acafcb4209a698be71bc959a666c", + "css": "send-outline", + "code": 983440, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M166.7 251.3L479.2 385.4 166.7 343.8 166.7 251.3M479.2 614.6L166.7 748.7V656.3L479.2 614.6M83.3 125L83.3 416.7 708.3 500 83.3 583.3 83.3 875 958.3 500 83.3 125Z", + "width": 1000 + }, + "search": [ + "send-outline" + ] + }, + { + "uid": "3f2ee509f7e283a723125cb00de0b0ec", + "css": "circle-outline", + "code": 63333, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 833.3A333.3 333.3 0 0 1 166.7 500 333.3 333.3 0 0 1 500 166.7 333.3 333.3 0 0 1 833.3 500 333.3 333.3 0 0 1 500 833.3M500 83.3A416.7 416.7 0 0 0 83.3 500 416.7 416.7 0 0 0 500 916.7 416.7 416.7 0 0 0 916.7 500 416.7 416.7 0 0 0 500 83.3Z", + "width": 1000 + }, + "search": [ + "circle-outline" + ] + }, + { + "uid": "a82a1e493dcfd52427dad4b64b0462ca", + "css": "slash-forward-box-outline", + "code": 59403, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 125H208.3C162.5 125 125 162.5 125 208.3V791.7C125 837.5 162.5 875 208.3 875H791.7C837.5 875 875 837.5 875 791.7V208.3C875 162.5 837.5 125 791.7 125ZM791.7 791.7H208.3V208.3H791.7V791.7ZM666.7 291.7H566.7L333.3 708.3H433.3L666.7 291.7Z", + "width": 1000 + }, + "search": [ + "slash-forward-box-outline" + ] + }, + { + "uid": "c879b186a8cf280de1abe27305c9e8a1", + "css": "camera-outline", + "code": 64825, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 166.7H701.2L625 83.3H375L298.8 166.7H166.7A83.3 83.3 0 0 0 83.3 250V750A83.3 83.3 0 0 0 166.7 833.3H833.3A83.3 83.3 0 0 0 916.7 750V250A83.3 83.3 0 0 0 833.3 166.7M833.3 750H166.7V250H335.4L411.7 166.7H588.3L664.6 250H833.3V750M500 291.7A208.3 208.3 0 0 0 291.7 500 208.3 208.3 0 0 0 500 708.3 208.3 208.3 0 0 0 708.3 500 208.3 208.3 0 0 0 500 291.7M500 625A125 125 0 0 1 375 500 125 125 0 0 1 500 375 125 125 0 0 1 625 500 125 125 0 0 1 500 625Z", + "width": 1000 + }, + "search": [ + "camera-outline" + ] + }, + { + "uid": "ee5fcd925c13525f83143ded3ab7ab21", + "css": "send", + "code": 62602, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M83.3 875L958.3 500 83.3 125V416.7L708.3 500 83.3 583.3V875Z", + "width": 1000 + }, + "search": [ + "send" + ] + }, + { + "uid": "caf0dd4e1dbdbe68c9108d3f9312dc9f", + "css": "arrow-down", + "code": 61509, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M458.3 166.7H541.7V666.7L770.8 437.5 830 496.7 500 826.7 170 496.7 229.2 437.5 458.3 666.7V166.7Z", + "width": 1000 + }, + "search": [ + "arrow-down" + ] + }, + { + "uid": "54b4240cac0562126b279fbf22b3f284", + "css": "dots-horizontal", + "code": 61912, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M666.7 500A83.3 83.3 0 0 1 750 416.7 83.3 83.3 0 0 1 833.3 500 83.3 83.3 0 0 1 750 583.3 83.3 83.3 0 0 1 666.7 500M416.7 500A83.3 83.3 0 0 1 500 416.7 83.3 83.3 0 0 1 583.3 500 83.3 83.3 0 0 1 500 583.3 83.3 83.3 0 0 1 416.7 500M166.7 500A83.3 83.3 0 0 1 250 416.7 83.3 83.3 0 0 1 333.3 500 83.3 83.3 0 0 1 250 583.3 83.3 83.3 0 0 1 166.7 500Z", + "width": 1000 + }, + "search": [ + "dots-horizontal" + ] + }, + { + "uid": "01045929e80c00896b825345f002191e", + "css": "chevron-down", + "code": 61760, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M308.8 357.5L500 548.8 691.3 357.5 750 416.7 500 666.7 250 416.7 308.8 357.5Z", + "width": 1000 + }, + "search": [ + "chevron-down" + ] + }, + { + "uid": "081109c59259403416280e18b6883bfd", + "css": "arrow-up", + "code": 61533, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M541.7 833.3H458.3V333.3L229.2 562.5 170 503.3 500 173.3 830 503.3 770.8 562.5 541.7 333.3V833.3Z", + "width": 1000 + }, + "search": [ + "arrow-up" + ] + }, + { + "uid": "587a1d3d749c0b105480bb236ac47d2d", + "css": "reply-outline", + "code": 65341, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M354.2 337.5L354.2 337.5V420.8L433.3 425C545.8 429.2 637.5 475 712.5 562.5 625 533.3 533.3 529.2 433.3 529.2H350V612.5 641.7L195.8 487.5 354.2 337.5M429.2 166.7C425 166.7 416.7 166.7 408.3 170.8L87.5 470.8C83.3 475 83.3 479.2 83.3 487.5 83.3 491.7 83.3 495.8 87.5 500L408.3 808.3C412.5 812.5 420.8 812.5 425 812.5 429.2 808.3 433.3 804.2 433.3 791.7V608.3C629.2 608.3 779.2 629.2 883.3 820.8 887.5 825 891.7 829.2 895.8 829.2H900C908.3 825 912.5 816.7 908.3 808.3 912.5 795.8 895.8 683.3 820.8 566.7 729.2 420.8 595.8 341.7 433.3 333.3V179.2C437.5 170.8 433.3 166.7 429.2 166.7L429.2 166.7Z", + "width": 1000 + }, + "search": [ + "reply-outline" + ] + }, + { + "uid": "f76d63fb3414acfdb70f8051a8f5e6ae", + "css": "image-outline", + "code": 63861, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 791.7H208.3V208.3H791.7M791.7 125H208.3A83.3 83.3 0 0 0 125 208.3V791.7A83.3 83.3 0 0 0 208.3 875H791.7A83.3 83.3 0 0 0 875 791.7V208.3A83.3 83.3 0 0 0 791.7 125M581.7 512.1L467.1 659.6 385.4 561.3 270.8 708.3H729.2L581.7 512.1Z", + "width": 1000 + }, + "search": [ + "image-outline" + ] + }, + { + "uid": "6efa40f3985e12571afe8a20c76fd5a5", + "css": "arrow-expand", + "code": 62998, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M416.7 875V791.7H267.1L454.6 604.2 395.8 545.4 208.3 732.9V583.3H125V875H416.7M604.2 454.6L791.7 267.1V416.7H875V125H583.3V208.3H732.9L545.4 395.8 604.2 454.6Z", + "width": 1000 + }, + "search": [ + "arrow-expand" + ] + }, + { + "uid": "3251ccf39d8bf32988225a8d6cabc259", + "css": "github-circle", + "code": 62116, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3A416.7 416.7 0 0 0 83.3 500C83.3 684.2 202.9 840.4 368.3 895.8 389.2 899.2 395.8 886.2 395.8 875 395.8 865.4 395.8 839.2 395.8 804.6 280.4 829.6 255.8 748.7 255.8 748.7 236.7 700.4 209.6 687.5 209.6 687.5 171.7 661.7 212.5 662.5 212.5 662.5 254.2 665.4 276.3 705.4 276.3 705.4 312.5 768.7 373.8 750 397.5 740 401.3 712.9 412.1 694.6 423.8 684.2 331.3 673.8 234.2 637.9 234.2 479.2 234.2 432.9 250 395.8 277.1 366.2 272.9 355.8 258.3 312.5 281.3 256.3 281.3 256.3 316.3 245 395.8 298.8 428.7 289.6 464.6 285 500 285 535.4 285 571.3 289.6 604.2 298.8 683.8 245 718.8 256.3 718.8 256.3 741.7 312.5 727.1 355.8 722.9 366.2 750 395.8 765.8 432.9 765.8 479.2 765.8 638.3 668.3 673.3 575.4 683.8 590.4 696.7 604.2 722.1 604.2 760.8 604.2 816.7 604.2 861.7 604.2 875 604.2 886.2 610.8 899.6 632.1 895.8 797.5 840 916.7 684.2 916.7 500A416.7 416.7 0 0 0 500 83.3Z", + "width": 1000 + }, + "search": [ + "github-circle" + ] + }, + { + "uid": "399f29ca2a182cbb56fe67b73dd4de60", + "css": "file-document-outline", + "code": 63981, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M250 83.3A83.3 83.3 0 0 0 166.7 166.7V833.3A83.3 83.3 0 0 0 250 916.7H750A83.3 83.3 0 0 0 833.3 833.3V333.3L583.3 83.3H250M250 166.7H541.7V375H750V833.3H250V166.7M333.3 500V583.3H666.7V500H333.3M333.3 666.7V750H541.7V666.7H333.3Z", + "width": 1000 + }, + "search": [ + "file-document-outline" + ] + }, + { + "uid": "ef94bf52b5b61093e6cfeee5043922a4", + "css": "airplane", + "code": 61469, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M875 666.7V583.3L541.7 375V145.8A62.5 62.5 0 0 0 479.2 83.3 62.5 62.5 0 0 0 416.7 145.8V375L83.3 583.3V666.7L416.7 562.5V791.7L333.3 854.2V916.7L479.2 875 625 916.7V854.2L541.7 791.7V562.5L875 666.7Z", + "width": 1000 + }, + "search": [ + "airplane" + ] + }, + { + "uid": "e35875daa70ceb38fedd27302737adb4", + "css": "arrow-collapse", + "code": 62997, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M812.5 128.8L625 316.3V166.7H541.7V458.3H833.3V375H683.8L871.3 187.5 812.5 128.8M166.7 541.7V625H316.3L128.8 812.5 187.5 871.3 375 683.8V833.3H458.3V541.7H166.7Z", + "width": 1000 + }, + "search": [ + "arrow-collapse" + ] + }, + { + "uid": "77eb4ce7f213a4ee912c5d218eed1a4f", + "css": "bell-off-outline", + "code": 64144, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M921.2 894.2L99.6 72.1 46.3 125 242.9 321.7C220.4 363.8 208.3 410.8 208.3 458.3V708.3L125 791.7V833.3H754.6L868.3 947.1 921.2 894.2M291.7 750V458.3C291.7 432.9 296.3 407.9 305.8 384.6L671.2 750H291.7M416.7 875H583.3A83.3 83.3 0 0 1 500 958.3 83.3 83.3 0 0 1 416.7 875M345.4 212.1C367.5 197.9 391.7 187.5 416.7 178.8 416.7 174.6 416.7 170.8 416.7 166.7A83.3 83.3 0 0 1 500 83.3 83.3 83.3 0 0 1 583.3 166.7C583.3 170.8 583.3 174.6 583.3 178.8 707.1 215.4 791.7 329.2 791.7 458.3V658.3L708.3 575V458.3A208.3 208.3 0 0 0 500 250C467.5 250 435.4 258.3 406.7 273.3L345.4 212.1Z", + "width": 1000 + }, + "search": [ + "bell-off-outline" + ] + }, + { + "uid": "dc8318f8a56f495881d1521259507243", + "css": "globe", + "code": 59397, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3C270.8 83.3 83.3 270.8 83.3 500S270.8 916.7 500 916.7 916.7 729.2 916.7 500 729.2 83.3 500 83.3ZM833.3 520.8C820.8 537.5 762.5 570.8 666.7 587.5 666.7 558.3 666.7 529.2 666.7 500 666.7 479.2 666.7 462.5 666.7 445.8 716.7 437.5 766.7 425 804.2 408.3 808.3 404.2 816.7 404.2 820.8 400 829.2 429.2 833.3 466.7 833.3 500 833.3 508.3 833.3 512.5 833.3 520.8L833.3 520.8ZM437.5 683.3C458.3 683.3 479.2 687.5 500 687.5S541.7 687.5 562.5 683.3C541.7 766.7 516.7 816.7 500 829.2 483.3 816.7 454.2 766.7 437.5 683.3ZM500 604.2C470.8 604.2 445.8 604.2 420.8 600 420.8 570.8 416.7 537.5 416.7 500 416.7 483.3 416.7 470.8 416.7 454.2 445.8 458.3 470.8 458.3 500 458.3S554.2 458.3 583.3 454.2C583.3 470.8 583.3 483.3 583.3 500 583.3 537.5 579.2 570.8 579.2 600 554.2 604.2 529.2 604.2 500 604.2ZM575 370.8C550 375 525 375 500 375S450 375 425 370.8C441.7 254.2 479.2 183.3 500 166.7 520.8 183.3 558.3 254.2 575 370.8ZM783.3 325C754.2 337.5 712.5 354.2 658.3 362.5 650 295.8 633.3 233.3 612.5 187.5 683.3 212.5 741.7 258.3 783.3 325ZM216.7 325C258.3 262.5 316.7 212.5 391.7 187.5 370.8 233.3 354.2 291.7 341.7 362.5 287.5 350 245.8 337.5 216.7 325L216.7 325ZM183.3 400C187.5 404.2 191.7 404.2 200 408.3 237.5 425 283.3 437.5 337.5 445.8 333.3 462.5 333.3 479.2 333.3 500 333.3 529.2 333.3 558.3 337.5 587.5 241.7 570.8 183.3 537.5 170.8 520.8L170.8 520.8C170.8 512.5 170.8 508.3 170.8 500 166.7 466.7 170.8 429.2 183.3 400ZM195.8 633.3C237.5 650 291.7 666.7 350 675 358.3 729.2 375 775 391.7 812.5 304.2 783.3 233.3 716.7 195.8 633.3ZM804.2 633.3C766.7 716.7 695.8 783.3 608.3 812.5 625 775 641.7 729.2 650 675 708.3 666.7 762.5 654.2 804.2 633.3L804.2 633.3Z", + "width": 1000 + }, + "search": [ + "globe" + ] + }, + { + "uid": "b1c9bfb3226284f07400ab533ca43b3e", + "css": "emoticon-happy-outline", + "code": 61941, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 500A333.3 333.3 0 0 0 500 166.7 333.3 333.3 0 0 0 166.7 500 333.3 333.3 0 0 0 500 833.3 333.3 333.3 0 0 0 833.3 500M916.7 500A416.7 416.7 0 0 1 500 916.7 416.7 416.7 0 0 1 83.3 500 416.7 416.7 0 0 1 500 83.3 416.7 416.7 0 0 1 916.7 500M416.7 395.8C416.7 429.2 387.5 458.3 354.2 458.3 320.8 458.3 291.7 429.2 291.7 395.8 291.7 362.5 320.8 333.3 354.2 333.3 387.5 333.3 416.7 362.5 416.7 395.8M708.3 395.8C708.3 429.2 679.2 458.3 645.8 458.3 612.5 458.3 583.3 429.2 583.3 395.8 583.3 362.5 612.5 333.3 645.8 333.3 679.2 333.3 708.3 362.5 708.3 395.8M500 717.9C427.1 717.9 362.9 687.5 325.4 642.5L384.6 583.3C403.3 613.3 447.9 634.6 500 634.6 552.1 634.6 596.7 613.3 615.4 583.3L674.6 642.5C637.1 687.5 572.9 717.9 500 717.9Z", + "width": 1000 + }, + "search": [ + "emoticon-happy-outline" + ] + }, + { + "uid": "f72d96719679d4906570dcc1cc037cee", + "css": "heart-outline", + "code": 62165, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M504.2 772.9L500 777.1 495.4 772.9C297.5 593.3 166.7 474.6 166.7 354.2 166.7 270.8 229.2 208.3 312.5 208.3 376.7 208.3 439.2 250 461.3 306.7H538.8C560.8 250 623.3 208.3 687.5 208.3 770.8 208.3 833.3 270.8 833.3 354.2 833.3 474.6 702.5 593.3 504.2 772.9M687.5 125C615 125 545.4 158.8 500 211.7 454.6 158.8 385 125 312.5 125 184.2 125 83.3 225.4 83.3 354.2 83.3 511.2 225 640 439.6 834.6L500 889.6 560.4 834.6C775 640 916.7 511.2 916.7 354.2 916.7 225.4 815.8 125 687.5 125Z", + "width": 1000 + }, + "search": [ + "heart-outline" + ] + }, + { + "uid": "dbe1f7fdb993bc9bed2e20ddb551acb3", + "css": "oauth", + "code": 59399, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 833.3C316.7 833.3 166.7 683.3 166.7 500S316.7 166.7 500 166.7 833.3 316.7 833.3 500 683.3 833.3 500 833.3M500 83.3C270.8 83.3 83.3 270.8 83.3 500S270.8 916.7 500 916.7 916.7 729.2 916.7 500 729.2 83.3 500 83.3ZM500 208.3C337.5 208.3 208.3 337.5 208.3 500S337.5 791.7 500 791.7 791.7 662.5 791.7 500 662.5 208.3 500 208.3ZM616.7 666.7C612.5 666.7 608.3 666.7 604.2 666.7 587.5 666.7 570.8 654.2 566.7 641.7L545.8 583.3H450L433.3 641.7C429.2 654.2 412.5 666.7 395.8 666.7 391.7 666.7 387.5 666.7 383.3 666.7 362.5 662.5 350 637.5 358.3 616.7L437.5 362.5C445.8 345.8 458.3 333.3 475 333.3H516.7C520.8 333.3 525 333.3 529.2 333.3 537.5 337.5 545.8 341.7 550 345.8 554.2 350 554.2 354.2 554.2 358.3L637.5 612.5C645.8 637.5 637.5 658.3 616.7 666.7ZM291.7 500C291.7 429.2 329.2 362.5 387.5 325 383.3 329.2 383.3 337.5 379.2 341.7L304.2 575C295.8 550 291.7 525 291.7 500ZM500 708.3C487.5 708.3 475 708.3 462.5 704.2 475 691.7 487.5 675 491.7 658.3L495.8 645.8H500L504.2 662.5C508.3 679.2 520.8 695.8 533.3 708.3 525 708.3 512.5 708.3 500 708.3ZM691.7 575L612.5 341.7C612.5 333.3 608.3 329.2 604.2 325 666.7 358.3 708.3 425 708.3 500 708.3 525 704.2 550 691.7 575Z", + "width": 1000 + }, + "search": [ + "oauth" + ] + }, + { + "uid": "4f4c339520deb6ba2a8b52931f84a778", + "css": "source-pull", + "code": 62658, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M250 125A125 125 0 0 1 375 250C375 304.6 340.4 350.8 291.7 367.9V632.1C340.4 649.2 375 695.4 375 750A125 125 0 0 1 250 875 125 125 0 0 1 125 750C125 695.4 159.6 649.2 208.3 632.1V367.9C159.6 350.8 125 304.6 125 250A125 125 0 0 1 250 125M250 208.3A41.7 41.7 0 0 0 208.3 250 41.7 41.7 0 0 0 250 291.7 41.7 41.7 0 0 0 291.7 250 41.7 41.7 0 0 0 250 208.3M250 708.3A41.7 41.7 0 0 0 208.3 750 41.7 41.7 0 0 0 250 791.7 41.7 41.7 0 0 0 291.7 750 41.7 41.7 0 0 0 250 708.3M875 750A125 125 0 0 1 750 875 125 125 0 0 1 625 750C625 695.4 659.6 649.2 708.3 632.1V291.7H625V427.1L447.9 250 625 72.9V208.3H708.3A83.3 83.3 0 0 1 791.7 291.7V632.1C840.4 649.2 875 695.4 875 750M750 708.3A41.7 41.7 0 0 0 708.3 750 41.7 41.7 0 0 0 750 791.7 41.7 41.7 0 0 0 791.7 750 41.7 41.7 0 0 0 750 708.3Z", + "width": 1000 + }, + "search": [ + "source-pull" + ] + }, + { + "uid": "de9774078871a4436ac04390ecbd9d2b", + "css": "chart-bar", + "code": 61736, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M916.7 875H83.3V125H166.7V791.7H250V416.7H416.7V791.7H500V250H666.7V791.7H750V583.3H916.7V875Z", + "width": 1000 + }, + "search": [ + "chart-bar" + ] + }, + { + "uid": "9f2a1afa11f2ff78f8a6a8a56d155f7d", + "css": "lightbulb-outline", + "code": 62262, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3A291.7 291.7 0 0 1 791.7 375C791.7 474.2 742.1 561.3 666.7 614.2V708.3A41.7 41.7 0 0 1 625 750H375A41.7 41.7 0 0 1 333.3 708.3V614.2C257.9 561.3 208.3 474.2 208.3 375A291.7 291.7 0 0 1 500 83.3M375 875V833.3H625V875A41.7 41.7 0 0 1 583.3 916.7H416.7A41.7 41.7 0 0 1 375 875M500 166.7A208.3 208.3 0 0 0 291.7 375C291.7 460.4 342.9 533.8 416.7 565.8V666.7H583.3V565.8C657.1 533.8 708.3 460.4 708.3 375A208.3 208.3 0 0 0 500 166.7Z", + "width": 1000 + }, + "search": [ + "lightbulb-outline" + ] + }, + { + "uid": "c8a597a94476cfb7ad8cd159f5986770", + "css": "server-outline", + "code": 59402, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 125H208.3C162.5 125 125 162.5 125 208.3V333.3 625 750C125 795.8 162.5 833.3 208.3 833.3H791.7C837.5 833.3 875 795.8 875 750V625 333.3 208.3C875 162.5 837.5 125 791.7 125ZM208.3 416.7H791.7V541.7H208.3V416.7ZM791.7 750H208.3V625H791.7V750ZM208.3 333.3V208.3H791.7V333.3H208.3ZM458.3 291.7H291.7V250H458.3V291.7ZM625 291.7H541.7V250H625V291.7ZM458.3 500H291.7V458.3H458.3V500ZM625 500H541.7V458.3H625V500ZM458.3 708.3H291.7V666.7H458.3V708.3ZM625 708.3H541.7V666.7H625V708.3Z", + "width": 1000 + }, + "search": [ + "server-outline" + ] + }, + { + "uid": "7051a98ac95e67bdc5d8c1d1843753fa", + "css": "dots-vertical", + "code": 61913, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 666.7A83.3 83.3 0 0 1 583.3 750 83.3 83.3 0 0 1 500 833.3 83.3 83.3 0 0 1 416.7 750 83.3 83.3 0 0 1 500 666.7M500 416.7A83.3 83.3 0 0 1 583.3 500 83.3 83.3 0 0 1 500 583.3 83.3 83.3 0 0 1 416.7 500 83.3 83.3 0 0 1 500 416.7M500 166.7A83.3 83.3 0 0 1 583.3 250 83.3 83.3 0 0 1 500 333.3 83.3 83.3 0 0 1 416.7 250 83.3 83.3 0 0 1 500 166.7Z", + "width": 1000 + }, + "search": [ + "dots-vertical" + ] + }, + { + "uid": "223c50a87ec1768c3a223bb5610e96d3", + "css": "tune", + "code": 63022, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 708.3V791.7H375V708.3H125M125 208.3V291.7H541.7V208.3H125M541.7 875V791.7H875V708.3H541.7V625H458.3V875H541.7M291.7 375V458.3H125V541.7H291.7V625H375V375H291.7M875 541.7V458.3H458.3V541.7H875M625 375H708.3V291.7H875V208.3H708.3V125H625V375Z", + "width": 1000 + }, + "search": [ + "tune" + ] + }, + { + "uid": "e561d73731b293132a67604f3b699e42", + "css": "food-fork-drink", + "code": 62962, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 125A41.7 41.7 0 0 0 83.3 166.7V333.3L83.3 395.8C83.3 466.2 126.2 526.3 187.5 550.8V812.5A62.5 62.5 0 0 0 250 875 62.5 62.5 0 0 0 312.5 812.5V550.8C373.8 526.3 416.7 466.2 416.7 395.8V333.3L416.7 166.7A41.7 41.7 0 0 0 375 125 41.7 41.7 0 0 0 333.3 166.7V333.3A20.8 20.8 0 0 1 312.5 354.2 20.8 20.8 0 0 1 291.7 333.3V166.7A41.7 41.7 0 0 0 250 125 41.7 41.7 0 0 0 208.3 166.7V333.3A20.8 20.8 0 0 1 187.5 354.2 20.8 20.8 0 0 1 166.7 333.3V166.7A41.7 41.7 0 0 0 125 125M828.3 125C822.9 125 817.5 128.8 812.5 131.7L666.7 218.8V375H500V458.3H541.7L583.3 875H833.3L875 458.3H916.7V375H750V264.2L854.2 201.7C875 190 880.4 166.7 868.3 145.8 859.6 130.8 844.2 122.9 828.3 125Z", + "width": 1000 + }, + "search": [ + "food-fork-drink" + ] + }, + { + "uid": "f276d679178beb875c27f8ea687037d0", + "css": "sitemap", + "code": 62634, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 675V541.7C833.3 495.8 795.8 458.3 750 458.3H541.7V325C591.7 308.3 625 262.5 625 208.3 625 137.5 570.8 83.3 500 83.3S375 137.5 375 208.3C375 262.5 408.3 308.3 458.3 325V458.3H250C204.2 458.3 166.7 495.8 166.7 541.7V675C116.7 691.7 83.3 737.5 83.3 791.7 83.3 862.5 137.5 916.7 208.3 916.7S333.3 862.5 333.3 791.7C333.3 737.5 300 691.7 250 675V541.7H458.3V675C408.3 691.7 375 737.5 375 791.7 375 862.5 429.2 916.7 500 916.7S625 862.5 625 791.7C625 737.5 591.7 691.7 541.7 675V541.7H750V675C700 691.7 666.7 737.5 666.7 791.7 666.7 862.5 720.8 916.7 791.7 916.7S916.7 862.5 916.7 791.7C916.7 737.5 883.3 691.7 833.3 675Z", + "width": 1000 + }, + "search": [ + "sitemap" + ] + }, + { + "uid": "180a41ae516b4903deb3a53c35110e97", + "css": "minus-circle", + "code": 62326, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M708.3 541.7H291.7V458.3H708.3M500 83.3C270.8 83.3 83.3 270.8 83.3 500S270.8 916.7 500 916.7 916.7 729.2 916.7 500 729.2 83.3 500 83.3Z", + "width": 1000 + }, + "search": [ + "minus-circle" + ] + }, + { + "uid": "a5dcf39a01fb8ae509b8b8db3b57700a", + "css": "format-list-bulleted", + "code": 62073, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M291.7 208.3H875V291.7H291.7V208.3M291.7 541.7V458.3H875V541.7H291.7M166.7 187.5A62.5 62.5 0 0 1 229.2 250 62.5 62.5 0 0 1 166.7 312.5 62.5 62.5 0 0 1 104.2 250 62.5 62.5 0 0 1 166.7 187.5M166.7 437.5A62.5 62.5 0 0 1 229.2 500 62.5 62.5 0 0 1 166.7 562.5 62.5 62.5 0 0 1 104.2 500 62.5 62.5 0 0 1 166.7 437.5M291.7 791.7V708.3H875V791.7H291.7M166.7 687.5A62.5 62.5 0 0 1 229.2 750 62.5 62.5 0 0 1 166.7 812.5 62.5 62.5 0 0 1 104.2 750 62.5 62.5 0 0 1 166.7 687.5Z", + "width": 1000 + }, + "search": [ + "format-list-bulleted" + ] + }, + { + "uid": "405033224a2544efcc768d8cd62df734", + "css": "square", + "code": 63331, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 166.7H250C204.2 166.7 166.7 204.2 166.7 250V750C166.7 795.8 204.2 833.3 250 833.3H750C795.8 833.3 833.3 795.8 833.3 750V250C833.3 204.2 795.8 166.7 750 166.7Z", + "width": 1000 + }, + "search": [ + "square" + ] + }, + { + "uid": "d3db60848a75aa316381c53c6ed0dc81", + "css": "flask-outline", + "code": 61590, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M208.3 791.7A41.7 41.7 0 0 0 250 833.3H750A41.7 41.7 0 0 0 791.7 791.7C791.7 782.9 788.8 774.6 784.2 767.9L541.7 347.9V166.7H458.3V347.9L215.8 767.9C211.3 774.6 208.3 782.9 208.3 791.7M250 916.7A125 125 0 0 1 125 791.7C125 766.7 132.5 743.3 145.8 723.8L375 325.4V250A41.7 41.7 0 0 1 333.3 208.3V166.7A83.3 83.3 0 0 1 416.7 83.3H583.3A83.3 83.3 0 0 1 666.7 166.7V208.3A41.7 41.7 0 0 1 625 250V325.4L854.2 723.8C867.5 743.3 875 766.7 875 791.7A125 125 0 0 1 750 916.7H250M541.7 666.7L597.5 610.8 677.9 750H322.1L432.9 557.9 541.7 666.7M520.8 500A20.8 20.8 0 0 1 541.7 520.8 20.8 20.8 0 0 1 520.8 541.7 20.8 20.8 0 0 1 500 520.8 20.8 20.8 0 0 1 520.8 500Z", + "width": 1000 + }, + "search": [ + "flask-outline" + ] + }, + { + "uid": "9c928f2b3256e4b749315051f88368b7", + "css": "dock-left", + "code": 983253, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 166.7H166.7A83.3 83.3 0 0 0 83.3 250V750A83.3 83.3 0 0 0 166.7 833.3H833.3A83.3 83.3 0 0 0 916.7 750V250A83.3 83.3 0 0 0 833.3 166.7M833.3 750H375V250H833.3Z", + "width": 1000 + }, + "search": [ + "dock-left" + ] + }, + { + "uid": "ff16b5ce8bca1556083a9885d2518dea", + "css": "chart-line", + "code": 61738, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M666.7 490.8L843.3 185.4 915.4 227.1 697.5 604.2 426.3 447.9 227.5 791.7H916.7V875H83.3V125H166.7V730.8L395.8 333.3 666.7 490.8Z", + "width": 1000 + }, + "search": [ + "chart-line" + ] + }, + { + "uid": "5b6a2e7909f439843dc1423aa370bd80", + "css": "bell-outline", + "code": 61596, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M666.7 708.3H291.7V437.5C291.7 333.3 375 250 479.2 250 583.3 250 666.7 333.3 666.7 437.5M750 666.7V437.5C750 309.6 660.8 202.5 541.7 174.2V145.8A62.5 62.5 0 0 0 479.2 83.3 62.5 62.5 0 0 0 416.7 145.8V174.2C297.1 202.5 208.3 309.6 208.3 437.5V666.7L125 750V791.7H833.3V750M479.2 916.7A83.3 83.3 0 0 0 562.5 833.3H395.8A83.3 83.3 0 0 0 479.2 916.7Z", + "width": 1000 + }, + "search": [ + "bell-outline" + ] + }, + { + "uid": "9d59fbc187ce282e2af0db944cdea72c", + "css": "console", + "code": 61837, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 791.7V291.7H166.7V791.7H833.3M833.3 125A83.3 83.3 0 0 1 916.7 208.3V791.7A83.3 83.3 0 0 1 833.3 875H166.7A83.3 83.3 0 0 1 83.3 791.7V208.3C83.3 162.1 120.8 125 166.7 125H833.3M541.7 708.3V625H750V708.3H541.7M399.2 541.7L232.1 375H350L487.5 512.5C503.7 528.8 503.7 555.4 487.5 571.7L350.8 708.3H232.9L399.2 541.7Z", + "width": 1000 + }, + "search": [ + "console" + ] + }, + { + "uid": "f8f62e65084ef355657a0854e73c914f", + "css": "menu-down", + "code": 62301, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M291.7 416.7L500 625 708.3 416.7H291.7Z", + "width": 1000 + }, + "search": [ + "menu-down" + ] + }, + { + "uid": "9495165f8ec3ca6afd19ab02c18ab80d", + "css": "link-variant-off", + "code": 62266, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M83.3 219.6L136.7 166.7 833.3 863.3 780.4 916.7 579.2 715.4 470.4 824.2C389.2 905.4 257.1 905.4 175.8 824.2 94.6 742.9 94.6 610.8 175.8 529.6L237.9 467.5C237.5 501.7 242.9 535.8 254.6 568.8L235 588.3C185.8 637.1 185.8 716.3 235 765 283.7 814.2 362.9 814.2 411.7 765L520.8 656.7 453.3 589.6C452.9 599.6 448.7 610 441.2 617.9 425 634.2 398.3 634.2 382.1 617.9 338.3 573.8 317.9 515.4 321.7 458.3L83.3 219.6M529.6 175.8C610.8 94.6 742.9 94.6 824.2 175.8 905.4 257.1 905.4 389.2 824.2 470.4L762.1 532.5C762.5 498.3 757.1 464.2 745.4 431.7L765 411.7C814.2 362.9 814.2 283.7 765 235 716.3 185.8 637.1 185.8 588.3 235L449.6 373.8 390.8 314.6 529.6 175.8M558.8 382.1C575 365.8 601.7 365.8 617.9 382.1 675 439.2 692.1 520.8 669.2 592.9L595 519.2C592.9 490.8 580.8 462.9 558.8 441.2 541.7 425 541.7 398.3 558.8 382.1Z", + "width": 1000 + }, + "search": [ + "link-variant-off" + ] + }, + { + "uid": "3f7fc3f1a18450de0ef52a218337b5c1", + "css": "cancel", + "code": 63289, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3A416.7 416.7 0 0 1 916.7 500 416.7 416.7 0 0 1 500 916.7 416.7 416.7 0 0 1 83.3 500 416.7 416.7 0 0 1 500 83.3M500 166.7A333.3 333.3 0 0 0 166.7 500C166.7 577.1 192.9 647.9 236.7 704.6L704.6 236.7C647.9 192.9 577.1 166.7 500 166.7M500 833.3A333.3 333.3 0 0 0 833.3 500C833.3 422.9 807.1 352.1 763.3 295.4L295.4 763.3C352.1 807.1 422.9 833.3 500 833.3Z", + "width": 1000 + }, + "search": [ + "cancel" + ] + }, + { + "uid": "2c06372f06f6b0f023e71ea4a2501fbc", + "css": "palette-outline", + "code": 65132, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 916.7A416.7 416.7 0 0 1 83.3 500 416.7 416.7 0 0 1 500 83.3C729.2 83.3 916.7 250 916.7 458.3A250 250 0 0 1 666.7 708.3H591.7C579.2 708.3 570.8 716.7 570.8 729.2 570.8 733.3 575 737.5 575 741.7 591.7 762.5 600 787.5 600 812.5 604.2 870.8 558.3 916.7 500 916.7M500 166.7A333.3 333.3 0 0 0 166.7 500 333.3 333.3 0 0 0 500 833.3C512.5 833.3 520.8 825 520.8 812.5 520.8 804.2 516.7 800 516.7 795.8 500 775 491.7 754.2 491.7 729.2 491.7 670.8 537.5 625 595.8 625H666.7A166.7 166.7 0 0 0 833.3 458.3C833.3 295.8 683.3 166.7 500 166.7M270.8 416.7C304.2 416.7 333.3 445.8 333.3 479.2 333.3 512.5 304.2 541.7 270.8 541.7 237.5 541.7 208.3 512.5 208.3 479.2 208.3 445.8 237.5 416.7 270.8 416.7M395.8 250C429.2 250 458.3 279.2 458.3 312.5 458.3 345.8 429.2 375 395.8 375 362.5 375 333.3 345.8 333.3 312.5 333.3 279.2 362.5 250 395.8 250M604.2 250C637.5 250 666.7 279.2 666.7 312.5 666.7 345.8 637.5 375 604.2 375 570.8 375 541.7 345.8 541.7 312.5 541.7 279.2 570.8 250 604.2 250M729.2 416.7C762.5 416.7 791.7 445.8 791.7 479.2 791.7 512.5 762.5 541.7 729.2 541.7 695.8 541.7 666.7 512.5 666.7 479.2 666.7 445.8 695.8 416.7 729.2 416.7Z", + "width": 1000 + }, + "search": [ + "palette-outline" + ] + }, + { + "uid": "28d72ee3086998c77cee22951046792c", + "css": "cellphone", + "code": 61724, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M708.3 791.7H291.7V208.3H708.3M708.3 41.7H291.7C245.4 41.7 208.3 78.7 208.3 125V875A83.3 83.3 0 0 0 291.7 958.3H708.3A83.3 83.3 0 0 0 791.7 875V125C791.7 78.7 754.2 41.7 708.3 41.7Z", + "width": 1000 + }, + "search": [ + "cellphone" + ] + }, + { + "uid": "b2fbaeea5e3c9442c5ef66fb9d55d9f9", + "css": "beach-umbrella-outline", + "code": 59394, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M329.2 329.2C404.2 254.2 508.3 220.8 604.2 229.2 579.2 262.5 558.3 304.2 554.2 345.8 500 350 450 375 412.5 412.5 375 450 350 500 341.7 554.2 300 562.5 258.3 579.2 225 604.2 216.7 504.2 254.2 404.2 329.2 329.2M270.8 266.7C125 412.5 104.2 637.5 212.5 800 212.5 758.3 229.2 712.5 262.5 679.2 308.3 633.3 370.8 620.8 429.2 633.3 412.5 579.2 425 512.5 475 466.7 520.8 420.8 583.3 408.3 641.7 420.8 625 366.7 641.7 300 687.5 254.2 720.8 220.8 762.5 204.2 804.2 204.2 637.5 104.2 416.7 120.8 270.8 266.7L270.8 266.7ZM858.3 800L800 858.3 504.2 562.5 562.5 504.2 858.3 800Z", + "width": 1000 + }, + "search": [ + "beach-umbrella-outline" + ] + }, + { + "uid": "0cb7e7f33e59c52b6a0df7840000577e", + "css": "eye-outline", + "code": 63183, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 375A125 125 0 0 1 625 500 125 125 0 0 1 500 625 125 125 0 0 1 375 500 125 125 0 0 1 500 375M500 187.5C708.3 187.5 886.2 317.1 958.3 500 886.2 682.9 708.3 812.5 500 812.5 291.7 812.5 113.7 682.9 41.7 500 113.7 317.1 291.7 187.5 500 187.5M132.5 500C201.3 640 343.3 729.2 500 729.2 656.7 729.2 798.8 640 867.5 500 798.8 360 656.7 270.8 500 270.8 343.3 270.8 201.3 360 132.5 500Z", + "width": 1000 + }, + "search": [ + "eye-outline" + ] + }, + { + "uid": "9f3611affead938710abd1e5043493a7", + "css": "layers-outline", + "code": 63997, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 772.5L807.1 533.3 875 586.3 500 877.9 125 586.3 192.5 533.8 500 772.5M500 666.7L125 375 500 83.3 875 375 500 666.7M500 188.8L260.8 375 500 561.3 739.2 375 500 188.8Z", + "width": 1000 + }, + "search": [ + "layers-outline" + ] + }, + { + "uid": "4492393a1f55aa4db5c7083d1679a7f8", + "css": "draw", + "code": 65382, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M406.3 868.8C480.4 839.6 464.2 759.2 426.7 708.3 389.6 656.3 338.3 620.4 286.7 585.8 250 562.5 216.3 533.3 189.2 500 177.5 486.2 153.8 460.8 177.9 455.8 202.5 450.8 245 475 266.7 484.2 304.6 500 342.1 518.3 377.1 540L419.2 469.2C354.2 426.3 270.8 388.3 193.3 377.1 149.2 370.4 102.5 379.6 87.5 427.5 74.2 468.8 95.4 510.4 119.6 542.9 176.7 619.2 265.4 655.8 331.7 721.7 345.8 735.4 362.9 751.7 371.3 770.8 380 789.2 377.9 790.4 358.3 790.4 306.7 790.4 242.1 750 200 723.3L157.9 794.2C221.7 833.3 328.3 894.6 406.3 868.8M868.3 218.8C877.5 209.6 877.5 194.6 868.3 185.8L814.2 131.7C805.4 122.9 790.4 122.9 781.7 131.7L739.2 174.2 825.8 260.8M458.3 455V541.7H545L801.3 285.4 714.6 198.7 458.3 455Z", + "width": 1000 + }, + "search": [ + "draw" + ] + }, + { + "uid": "c7cfd7bf0c734e3695f10cda9d602313", + "css": "file-image-outline", + "code": 65229, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 83.3L833.3 333.3V833.3A83.3 83.3 0 0 1 750 916.7H250A83.3 83.3 0 0 1 166.7 833.3V166.7A83.3 83.3 0 0 1 250 83.3H583.3M750 833.3V375H541.7V166.7H250V833.3H750M708.3 541.7V791.7H291.7L500 583.3 583.3 666.7M416.7 437.5A62.5 62.5 0 0 1 354.2 500 62.5 62.5 0 0 1 291.7 437.5 62.5 62.5 0 0 1 354.2 375 62.5 62.5 0 0 1 416.7 437.5Z", + "width": 1000 + }, + "search": [ + "file-image-outline" + ] + }, + { + "uid": "cf1d93ecd248093157ddcc792c3e08bd", + "css": "download-outline", + "code": 64363, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 750H208.3V833.3H791.7V750ZM458.3 83.3H541.7V508.3L729.2 320.8 787.5 379.2 500 666.7 212.5 379.2 270.8 320.8 458.3 508.3V83.3Z", + "width": 1000 + }, + "search": [ + "download-outline" + ] + }, + { + "uid": "6a7ad0a99c041c58dc22f98f5c953b37", + "css": "laptop", + "code": 62242, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M166.7 250H833.3V666.7H166.7M833.3 750A83.3 83.3 0 0 0 916.7 666.7V250C916.7 203.7 879.2 166.7 833.3 166.7H166.7C120.4 166.7 83.3 203.7 83.3 250V666.7A83.3 83.3 0 0 0 166.7 750H0V833.3H1000V750H833.3Z", + "width": 1000 + }, + "search": [ + "laptop" + ] + }, + { + "uid": "d1badc0888a55aa17a3c14b17918da69", + "css": "file-excel-outline", + "code": 983119, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 83.3H250C203.7 83.3 166.7 120.8 166.7 166.7V833.3C166.7 879.6 203.7 916.7 250 916.7H750C796.2 916.7 833.3 879.6 833.3 833.3V333.3L583.3 83.3M750 833.3H250V166.7H541.7V375H750V833.3M537.5 604.2L658.3 791.7H583.3L500 650 416.7 791.7H341.7L462.5 604.2 341.7 416.7H416.7L500 558.3 583.3 416.7H658.3L537.5 604.2Z", + "width": 1000 + }, + "search": [ + "file-excel-outline" + ] + }, + { + "uid": "2ef9594852d27aef08e260c547eb4d8d", + "css": "source-branch", + "code": 63020, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M541.7 583.3C401.7 583.3 355.8 639.6 340.8 676.7 385.4 695.8 416.7 740 416.7 791.7A125 125 0 0 1 291.7 916.7 125 125 0 0 1 166.7 791.7C166.7 737.1 201.3 690.8 250 673.8V326.3C201.3 309.2 166.7 262.9 166.7 208.3A125 125 0 0 1 291.7 83.3 125 125 0 0 1 416.7 208.3C416.7 262.9 382.1 309.2 333.3 326.3V546.7C370 519.6 423.3 500 500 500 611.3 500 648.3 444.2 660.4 407.1 615.4 388.3 583.3 343.8 583.3 291.7A125 125 0 0 1 708.3 166.7 125 125 0 0 1 833.3 291.7C833.3 347.5 796.7 395.8 746.3 410.8 735.4 470.4 695 583.3 541.7 583.3M291.7 750A41.7 41.7 0 0 0 250 791.7 41.7 41.7 0 0 0 291.7 833.3 41.7 41.7 0 0 0 333.3 791.7 41.7 41.7 0 0 0 291.7 750M291.7 166.7A41.7 41.7 0 0 0 250 208.3 41.7 41.7 0 0 0 291.7 250 41.7 41.7 0 0 0 333.3 208.3 41.7 41.7 0 0 0 291.7 166.7M708.3 250A41.7 41.7 0 0 0 666.7 291.7 41.7 41.7 0 0 0 708.3 333.3 41.7 41.7 0 0 0 750 291.7 41.7 41.7 0 0 0 708.3 250Z", + "width": 1000 + }, + "search": [ + "source-branch" + ] + }, + { + "uid": "32751c981b8fca1ba6c0f4c67be19d44", + "css": "leaf", + "code": 62250, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M708.3 333.3C333.3 416.7 245.8 673.8 159.2 889.2L237.9 916.7 277.5 820.8C297.5 827.9 318.3 833.3 333.3 833.3 791.7 833.3 916.7 125 916.7 125 875 208.3 583.3 218.8 375 260.4 166.7 302.1 83.3 479.2 83.3 562.5 83.3 645.8 156.3 718.8 156.3 718.8 291.7 333.3 708.3 333.3 708.3 333.3Z", + "width": 1000 + }, + "search": [ + "leaf" + ] + }, + { + "uid": "5136e7714b324f63eb50b49468d49804", + "css": "forum-outline", + "code": 63521, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M708.3 583.3C733.3 583.3 750 566.7 750 541.7V125C750 100 733.3 83.3 708.3 83.3H125C100 83.3 83.3 100 83.3 125V750L250 583.3H708.3ZM166.7 550V166.7H666.7V500H216.7L166.7 550ZM875 250H833.3V716.7L783.3 666.7H250V708.3C250 712.5 250 712.5 250 716.7 254.2 733.3 270.8 750 291.7 750H750L916.7 916.7V291.7C916.7 266.7 900 250 875 250Z", + "width": 1000 + }, + "search": [ + "forum-outline" + ] + }, + { + "uid": "30bc2e9fc637e41a916a7aa83488a514", + "css": "format-list-numbered", + "code": 62075, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M291.7 541.7V458.3H875V541.7H291.7M291.7 791.7V708.3H875V791.7H291.7M291.7 291.7V208.3H875V291.7H291.7M125 333.3V208.3H83.3V166.7H166.7V333.3H125M83.3 708.3V666.7H208.3V833.3H83.3V791.7H166.7V770.8H125V729.2H166.7V708.3H83.3M177.1 416.7A31.3 31.3 0 0 1 208.3 447.9C208.3 456.2 205 464.2 199.6 469.6L130 541.7H208.3V583.3H83.3V545L166.7 458.3H83.3V416.7H177.1Z", + "width": 1000 + }, + "search": [ + "format-list-numbered" + ] + }, + { + "uid": "95fdac8a929994612babf8de61cac7f3", + "css": "iframe-list-outline", + "code": 59398, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 125H166.7C120.8 125 83.3 162.5 83.3 208.3V791.7C83.3 837.5 120.8 875 166.7 875H833.3C879.2 875 916.7 837.5 916.7 791.7V208.3C916.7 162.5 879.2 125 833.3 125M833.3 791.7H166.7V291.7H833.3V791.7ZM416.7 500V416.7H750V500H416.7M250 416.7H333.3V500H250V416.7M416.7 666.7V583.3H750V666.7H416.7M250 583.3H333.3V666.7H250V583.3", + "width": 1000 + }, + "search": [ + "iframe-list-outline" + ] + }, + { + "uid": "01c2e7a596900b3c33f769a7c8dd727b", + "css": "soccer", + "code": 62648, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3A416.7 416.7 0 0 0 83.3 500 416.7 416.7 0 0 0 500 916.7 416.7 416.7 0 0 0 916.7 500 416.7 416.7 0 0 0 500 83.3M500 125C573.3 125 641.7 147.1 699.2 183.8L687.5 208.3H541.7L500 208.3 428.3 173.3 442.9 130.4C461.7 127.1 480.4 125 500 125M397.1 140.8L382.9 183.8 276.3 237.1 224.2 247.5C270.8 197.1 330 160 397.1 140.8M541.7 250H666.7L778.8 399.6 726.7 506.7 617.1 532.5 480.4 372.5 541.7 250M256.7 277.5L291.7 416.7 240.8 544.2 134.2 580.8C128.3 554.6 125 527.9 125 500 125 420.8 149.6 348.3 191.2 287.9L256.7 277.5M856.7 384.2C868.8 420.4 875 459.6 875 500 875 560 859.6 616.2 834.6 666.7H791.7L756.7 527.5 819.2 402.5 856.7 384.2M333.3 416.7H458.3L575.4 553.3 500 666.7 368.3 699.2 272.1 570.4 333.3 416.7M500 708.3L625 791.7 588.8 863.3C560 870 530.4 875 500 875 427.1 875 359.6 854.2 302.1 817.9L350.4 746.3 500 708.3M791.7 708.3H812.5C770.8 770.8 708.3 819.6 637.9 847.5L666.7 791.7 791.7 708.3Z", + "width": 1000 + }, + "search": [ + "soccer" + ] + }, + { + "uid": "7c0b363ba320f78be4d2176ac51a714c", + "css": "file-powerpoint-outline", + "code": 983127, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 83.3H250C203.7 83.3 166.7 120.8 166.7 166.7V833.3C166.7 879.6 203.7 916.7 250 916.7H750C796.2 916.7 833.3 879.6 833.3 833.3V333.3L583.3 83.3M750 833.3H250V166.7H541.7V375H750V833.3M633.3 450C612.5 429.2 587.5 416.7 533.3 416.7H375V791.7H441.7V654.2H533.3C587.5 654.2 608.3 645.8 633.3 625 658.3 604.2 666.7 575 666.7 537.5 666.7 500 658.3 475 633.3 450M579.2 583.3C566.7 595.8 554.2 604.2 529.2 604.2H441.7V470.8H525C550 470.8 566.7 479.2 579.2 491.7 591.7 504.2 595.8 516.7 595.8 537.5S591.7 570.8 579.2 583.3Z", + "width": 1000 + }, + "search": [ + "file-powerpoint-outline" + ] + }, + { + "uid": "c0782da0db0338af14747c947e85d1f0", + "css": "file-pdf-outline", + "code": 65149, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 83.3L833.3 333.3V833.3A83.3 83.3 0 0 1 750 916.7H250A83.3 83.3 0 0 1 166.7 833.3V166.7A83.3 83.3 0 0 1 250 83.3H583.3M750 833.3V375H541.7V166.7H250V833.3H750M455 512.9C445 480.8 422.9 378.3 481.3 376.7 539.6 375 501.2 506.7 501.2 506.7 517.5 568.8 585.4 613.3 585.4 613.3 606.3 607.1 725 593.3 708.3 655 690.4 716.7 562.5 658.8 562.5 658.8 481.3 664.6 420.4 686.2 420.4 686.2 373.3 774.2 318.3 812.5 295.8 775.4 267.9 729.2 384.6 669.6 384.6 669.6 445 571.7 454.2 514.6 455 512.9M482.1 547.9C465.4 602.1 432.1 660 432.1 660 467.5 645.8 545 629.6 545 629.6 497.5 587.9 482.9 548.3 482.1 547.9M612.9 638.3C612.9 638.3 685.8 665.4 687.5 654.6 690.4 643.3 632.1 633.3 612.9 638.3M377.1 700.4C345 712.9 314.2 766.3 321.7 766.3 329.2 766.7 359.6 741.2 377.1 700.4M482.1 469.2C482.1 467.1 500 399.2 482.1 397.1 469.6 395.8 481.7 467.5 482.1 469.2Z", + "width": 1000 + }, + "search": [ + "file-pdf-outline" + ] + }, + { + "uid": "c1be91b74f1902901ab54902ef5cbc68", + "css": "file-video-outline", + "code": 65040, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 83.3L833.3 333.3V833.3A83.3 83.3 0 0 1 750 916.7H250A83.3 83.3 0 0 1 166.7 833.3V166.7A83.3 83.3 0 0 1 250 83.3H583.3M750 833.3V375H541.7V166.7H250V833.3H750M666.7 750L562.5 679.2V750H333.3V541.7H562.5V612.5L666.7 541.7V750Z", + "width": 1000 + }, + "search": [ + "file-video-outline" + ] + }, + { + "uid": "10bc4400d82bfc1ab0de2b46996c7cea", + "css": "webhook-outgoing", + "code": 59405, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M637.5 462.5L579.2 354.2C591.7 341.7 595.8 325 600 308.3 600 266.7 566.7 229.2 525 225 483.3 225 441.7 258.3 441.7 300S475 379.2 520.8 383.3H529.2L583.3 487.5C595.8 475 616.7 470.8 637.5 462.5ZM404.2 358.3C375 291.7 404.2 216.7 466.7 187.5 533.3 158.3 608.3 191.7 633.3 258.3 650 295.8 645.8 337.5 629.2 370.8L679.2 400C708.3 350 712.5 287.5 687.5 229.2 645.8 133.3 533.3 83.3 437.5 125S295.8 279.2 337.5 375C345.8 400 366.7 425 383.3 441.7L287.5 600C270.8 595.8 254.2 600 237.5 608.3 200 629.2 183.3 675 204.2 716.7 225 754.2 275 770.8 312.5 750 350 729.2 366.7 683.3 345.8 645.8 345.8 641.7 341.7 641.7 341.7 637.5L470.8 429.2 458.3 420.8C433.3 408.3 412.5 387.5 404.2 358.3ZM462.5 650H408.3V691.7C404.2 712.5 400 733.3 383.3 750 341.7 808.3 262.5 825 204.2 783.3S133.3 662.5 175 604.2C200 570.8 233.3 550 275 545.8V487.5C216.7 491.7 162.5 516.7 125 570.8 66.7 658.3 83.3 779.2 170.8 837.5 258.3 900 375 879.2 437.5 791.7 450 770.8 458.3 750 462.5 729.2 458.3 716.7 458.3 704.2 458.3 687.5 458.3 675 458.3 662.5 462.5 650ZM708.3 645.8V562.5L833.3 687.5 708.3 812.5V729.2H541.7V645.8H708.3Z", + "width": 1000 + }, + "search": [ + "webhook-outgoing" + ] + }, + { + "uid": "3cf70209e365925f063da0b0605fe723", + "css": "webhook", + "code": 63023, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M435.8 791.7C375 877.9 256.3 899.6 170.4 839.6 85 779.6 65 660 125 572.9 161.3 520.8 217.1 492.9 274.2 490.4L276.3 550C238.3 552.9 201.7 572.5 177.9 606.7 136.3 666.7 149.2 747.5 206.3 787.9 263.8 827.9 344.2 812.5 385.8 752.9 398.8 734.2 406.3 713.7 409.2 692.9V650.8L641.7 649.2 644.6 644.6C666.7 606.3 714.6 592.9 752.1 614.6 789.6 636.3 802.5 684.6 780.4 722.9 758.3 760.8 710 774.2 672.5 752.5 655.4 742.9 643.3 727.5 637.9 710L468.3 710.8C463.8 738.8 452.9 765.8 435.8 791.7M739.2 494.2C844.6 507.1 919.6 601.7 906.7 705.4 893.7 809.6 797.9 883.3 692.5 870.4 630.4 862.9 579.2 827.5 549.6 778.3L601.3 748.3C621.7 780.4 656.3 803.3 697.9 808.8 770.8 817.5 835.4 767.9 844.2 698.3 852.9 628.8 801.3 565 729.2 556.3 706.7 553.7 685 556.7 665.4 563.7L630 582.1 522.5 383.3H513.3C469.2 381.7 435 345.4 436.3 302.1 437.5 258.8 475 225 518.7 226.7 562.5 229.2 597.1 264.6 595.8 307.9 595 326.3 587.9 342.9 576.7 355.8L655.8 502.1C681.7 493.7 710 490.8 739.2 494.2M343.8 380.8C302.1 282.9 346.3 170.8 442.5 130 539.2 89.2 650.8 135.4 692.5 233.3 717.1 290.4 712.1 352.9 684.2 402.9L632.5 372.9C650 339.2 652.9 297.9 636.3 259.2 607.9 192.5 532.5 160.4 467.9 187.5 402.9 215 373.8 291.7 402.1 358.3 413.7 385.8 433.3 407.1 457.1 421.2L473.3 430 345.4 637.9C346.7 640 348.3 642.5 349.6 645.8 370 683.8 355.8 731.7 317.5 752.1 279.6 772.5 231.7 757.5 210.8 718.3 190.4 679.6 204.6 631.7 242.9 611.3 259.2 602.5 277.1 600.4 294.2 604.2L390.4 447.1C370.8 429.2 354.2 406.7 343.8 380.8Z", + "width": 1000 + }, + "search": [ + "webhook" + ] + }, + { + "uid": "f0e0ec53ba7f0d7115365f6ea8f484f9", + "css": "webhook-incoming", + "code": 59404, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M637.5 462.5L579.2 354.2C591.7 341.7 595.8 325 600 308.3 600 266.7 566.7 229.2 525 225 483.3 225 441.7 258.3 441.7 300S475 379.2 520.8 383.3H529.2L583.3 487.5C595.8 475 616.7 470.8 637.5 462.5ZM404.2 358.3C375 291.7 404.2 216.7 466.7 187.5 533.3 158.3 608.3 191.7 633.3 258.3 650 295.8 645.8 337.5 629.2 370.8L679.2 400C708.3 350 712.5 287.5 687.5 229.2 645.8 133.3 533.3 83.3 437.5 125S295.8 279.2 337.5 375C345.8 400 366.7 425 383.3 441.7L287.5 600C270.8 595.8 254.2 600 237.5 608.3 200 629.2 183.3 675 204.2 716.7 225 754.2 275 770.8 312.5 750 350 729.2 366.7 683.3 345.8 645.8 345.8 641.7 341.7 641.7 341.7 637.5L470.8 429.2 458.3 420.8C433.3 408.3 412.5 387.5 404.2 358.3ZM462.5 650H408.3V691.7C404.2 712.5 400 733.3 383.3 750 341.7 808.3 262.5 825 204.2 783.3S133.3 662.5 175 604.2C200 570.8 233.3 550 275 545.8V487.5C216.7 491.7 162.5 516.7 125 570.8 66.7 658.3 83.3 779.2 170.8 837.5 258.3 900 375 879.2 437.5 791.7 450 770.8 458.3 750 462.5 729.2 458.3 716.7 458.3 704.2 458.3 687.5 458.3 675 458.3 662.5 462.5 650ZM666.7 645.8V562.5L541.7 687.5 666.7 812.5V729.2H833.3V645.8H666.7Z", + "width": 1000 + }, + "search": [ + "webhook-incoming" + ] + }, + { + "uid": "dbf24525948c42a7936c2b256734fc96", + "css": "file-code-outline", + "code": 983117, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 83.3H250C203.7 83.3 166.7 120.8 166.7 166.7V833.3C166.7 879.6 203.7 916.7 250 916.7H750C796.2 916.7 833.3 879.6 833.3 833.3V333.3L583.3 83.3M750 833.3H250V166.7H541.7V375H750V833.3M397.5 652.1L484.6 739.2 431.2 791.7 291.7 652.1 431.2 512.5 484.6 565 397.5 652.1M708.3 652.1L568.8 791.7 515.8 739.2 602.9 652.1 515.8 565 568.8 512.5 708.3 652.1Z", + "width": 1000 + }, + "search": [ + "file-code-outline" + ] + }, + { + "uid": "0fd06a41c74d58f5c803698aa185d790", + "css": "file-word-outline", + "code": 983136, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 83.3H250C203.7 83.3 166.7 120.8 166.7 166.7V833.3C166.7 879.6 203.7 916.7 250 916.7H750C796.2 916.7 833.3 879.6 833.3 833.3V333.3L583.3 83.3M750 833.3H250V166.7H541.7V375H750V833.3M722.9 416.7L635.4 791.7H577.1L502.1 508.8 427.1 791.7H368.7L277.1 416.7H339.6L397.9 700.4 472.9 416.7H527.1L602.1 700.4 660.4 416.7H722.9Z", + "width": 1000 + }, + "search": [ + "file-word-outline" + ] + }, + { + "uid": "2fd47bf456e915ce1acaab67a6ad5411", + "css": "help", + "code": 62166, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M416.7 791.7H541.7V916.7H416.7V791.7M500 83.3C722.9 92.5 820 317.5 687.5 486.2 652.9 527.9 597.1 555.4 569.6 590.4 541.7 625 541.7 666.7 541.7 708.3H416.7C416.7 638.8 416.7 580 444.6 538.3 472.1 496.7 527.9 472.1 562.5 444.6 663.3 351.2 638.3 219.2 500 208.3A125 125 0 0 0 375 333.3H250A250 250 0 0 1 500 83.3Z", + "width": 1000 + }, + "search": [ + "help" + ] + }, + { + "uid": "dc1e6a3a4b068e4251cf66580c4239d3", + "css": "hammer", + "code": 63721, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M83.3 817.9L559.6 341.7 530 312.5 589.2 252.9 500 162.1C550 112.5 628.8 112.5 677.9 162.1L827.9 312.5 768.7 371.3H887.1L916.7 400.8 768.7 550.4 739.2 520.8V400.8L677.9 460 648.3 430.4 172.1 906.7 83.3 817.9Z", + "width": 1000 + }, + "search": [ + "hammer" + ] + }, + { + "uid": "33ebfe77f5844c3f682949758148c1ff", + "css": "refresh", + "code": 62544, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M735.4 264.6C675 204.2 592.1 166.7 500 166.7A333.3 333.3 0 0 0 166.7 500 333.3 333.3 0 0 0 500 833.3C655.4 833.3 785 727.1 822.1 583.3H735.4C701.2 680.4 608.7 750 500 750A250 250 0 0 1 250 500 250 250 0 0 1 500 250C569.2 250 630.8 278.8 675.8 324.2L541.7 458.3H833.3V166.7L735.4 264.6Z", + "width": 1000 + }, + "search": [ + "refresh" + ] + }, + { + "uid": "841fe93e4b57f85337084714f2ef9a93", + "css": "account-outline", + "code": 61459, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M800 662.5L666.7 583.3C675 570.8 687.5 558.3 695.8 541.7 729.2 483.3 750 408.3 750 333.3 750 183.3 650 83.3 500 83.3S250 183.3 250 333.3C250 408.3 270.8 483.3 304.2 545.8 312.5 562.5 320.8 575 333.3 587.5L200 666.7C154.2 683.3 125 733.3 125 783.3 125 858.3 183.3 916.7 258.3 916.7H741.7C816.7 916.7 875 858.3 875 783.3 875 733.3 845.8 683.3 800 662.5ZM333.3 333.3C333.3 216.7 408.3 166.7 500 166.7S666.7 216.7 666.7 333.3C666.7 408.3 641.7 491.7 591.7 541.7 566.7 566.7 537.5 583.3 500 583.3S433.3 566.7 408.3 541.7C358.3 491.7 333.3 408.3 333.3 333.3ZM741.7 833.3H258.3C229.2 833.3 208.3 812.5 208.3 783.3 208.3 762.5 220.8 745.8 237.5 737.5L400 641.7C433.3 658.3 466.7 666.7 500 666.7S566.7 658.3 595.8 641.7L758.3 737.5C775 745.8 787.5 762.5 787.5 783.3 791.7 812.5 770.8 833.3 741.7 833.3Z", + "width": 1000 + }, + "search": [ + "account-outline" + ] + }, + { + "uid": "a161e3cedc03abddb2847a8ae0d7e86b", + "css": "account-multiple-outline", + "code": 61455, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M679.2 675L575 612.5C616.7 554.2 641.7 475 641.7 395.8 641.7 258.3 550 166.7 416.7 166.7S191.7 258.3 191.7 395.8C191.7 475 216.7 554.2 258.3 612.5L154.2 675C112.5 695.8 83.3 741.7 83.3 787.5 83.3 858.3 141.7 916.7 208.3 916.7H625C695.8 916.7 750 858.3 750 787.5 750 741.7 720.8 695.8 679.2 675ZM275 395.8C275 295.8 337.5 250 416.7 250S558.3 295.8 558.3 395.8C558.3 458.3 537.5 525 500 570.8 479.2 600 450 616.7 412.5 616.7 375 616.7 350 600 325 570.8 295.8 525 275 458.3 275 395.8ZM625 833.3H208.3C183.3 833.3 166.7 812.5 166.7 787.5 166.7 783.3 166.7 779.2 166.7 775 170.8 766.7 175 758.3 179.2 754.2 183.3 754.2 187.5 750 191.7 750L320.8 670.8C350 687.5 379.2 695.8 416.7 695.8S483.3 687.5 512.5 670.8L641.7 750C658.3 758.3 666.7 770.8 666.7 791.7S645.8 833.3 625 833.3ZM787.5 545.8C800 495.8 808.3 445.8 808.3 395.8 808.3 379.2 808.3 266.7 729.2 166.7 695.8 125 625 83.3 583.3 83.3 554.2 83.3 529.2 87.5 508.3 95.8 562.5 112.5 612.5 141.7 650 179.2 691.7 225 716.7 283.3 725 350 725 366.7 729.2 379.2 729.2 395.8 729.2 462.5 716.7 525 691.7 583.3L725 604.2C745.8 616.7 766.7 633.3 783.3 650 804.2 675 820.8 700 829.2 733.3 833.3 754.2 837.5 770.8 837.5 791.7 837.5 804.2 837.5 816.7 833.3 829.2 875 816.7 904.2 783.3 916.7 741.7 920.8 729.2 920.8 720.8 920.8 708.3 916.7 658.3 879.2 583.3 787.5 545.8Z", + "width": 1000 + }, + "search": [ + "account-multiple-outline" + ] + }, + { + "uid": "72e2c9135380b1997383bb04ad1dc2f2", + "css": "account-plus-outline", + "code": 63488, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M209.7 791.7C186 791.7 166.7 772 166.7 747.7 166.7 743.3 167.3 739 168.5 735 170.9 726.8 175.6 719.5 182 714.1 185.2 711.3 188.8 709 192.7 707.3L321.6 630C349.5 646.7 381.3 656.3 416.7 656.3S483.9 646.7 511.7 630L526.3 638.8C538.9 613.5 555.5 590.6 575.5 571.1L575.3 570.9C618.8 513 642.9 433 642.9 354.1 642.9 217.1 552 125 416.7 125S190.5 217.1 190.5 354.2C190.5 433 214.5 513 258 571L153.2 633.9C110.5 655.3 83.3 699.3 83.3 747.7 83.3 817.9 140 875 209.7 875H533.7C519 849.7 508.8 821.6 503.8 791.7H209.7ZM416.7 208.3C495.6 208.3 559.5 253.5 559.5 354.2 559.5 415.9 539.3 484 503.2 527.6 480.3 555.1 451.2 572.9 416.7 572.9 405.5 572.9 394.9 571.1 384.9 567.7 379.9 566 375 563.8 370.3 561.4 360.9 556.4 352.1 550 343.9 542.5 339.1 538 334.5 533 330.1 527.7 327.1 524.1 324.2 520.4 321.4 516.5 314.6 506.8 308.5 496.3 303 485 294.9 468.1 288.4 449.8 283.6 430.8 280.4 418.2 277.9 405.3 276.3 392.5 274.6 379.6 273.8 366.7 273.8 354.2 273.8 253.5 337.8 208.3 416.7 208.3ZM708.3 583.3H791.7V708.3H916.7V791.7H791.7V916.7H708.3V791.7H583.3V708.3H708.3V583.3", + "width": 1000 + }, + "search": [ + "account-plus-outline" + ] + }, + { + "uid": "38e4c66e436d609618b25bda5d3b0bcb", + "css": "format-strikethrough-variant", + "code": 62081, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M285.4 295C285.4 182.1 393.7 125 510 125 578.3 125 635 145.4 672.5 178.3 704.6 205.4 733.3 250.4 733.3 313.3H607.9C607.9 300.4 605.8 288.8 601.7 277.9 589.6 242.1 551.7 224.6 507.9 224.6 430.4 224.6 410.4 267.1 410.4 295.4 410.4 315.4 420.8 332.1 441.3 345.8 457.1 356.3 473.3 365.8 500 375H307.9C299.2 360.8 285.4 337.9 285.4 295ZM875 500V416.7H125V500H525.8C573.8 518.7 607.5 531.3 607.5 582.1 607.5 623.8 573.7 651.7 512.5 651.7 448.3 651.7 390.4 629.2 390.4 547.1H266.7C266.7 570 270 594.2 276.7 612.9 310.4 708.3 413.7 750.4 512.9 750.4 607.5 750.4 733.7 713.3 733.7 581.7 733.7 569.2 733.3 533.3 713.7 500.8H875V500Z", + "width": 1000 + }, + "search": [ + "format-strikethrough-variant" + ] + }, + { + "uid": "68e37c029e44896273a8402d9de37759", + "css": "format-header-1", + "code": 62059, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 166.7H208.3V416.7H375V166.7H458.3V750H375V500H208.3V750H125V166.7M583.3 750V666.7H666.7V262.9L562.5 322.9V226.7L666.7 166.7H750V666.7H833.3V750H583.3Z", + "width": 1000 + }, + "search": [ + "format-header-1" + ] + }, + { + "uid": "b396845407ef3635da2cb2a4f44d9d75", + "css": "format-header-2", + "code": 62060, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 166.7H208.3V416.7H375V166.7H458.3V750H375V500H208.3V750H125V166.7M875 750H625A83.3 83.3 0 0 1 541.7 666.7C541.7 644.6 550 625 564.2 610L767.1 392.1C782.5 377.1 791.7 356.3 791.7 333.3A83.3 83.3 0 0 0 708.3 250 83.3 83.3 0 0 0 625 333.3H541.7A166.7 166.7 0 0 1 708.3 166.7 166.7 166.7 0 0 1 875 333.3C875 379.2 856.3 420.8 826.2 451.3L625 666.7H875V750Z", + "width": 1000 + }, + "search": [ + "format-header-2" + ] + }, + { + "uid": "a91d98362fd1889da9cea6642c986fd1", + "css": "format-header-3", + "code": 62061, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 166.7H208.3V416.7H375V166.7H458.3V750H375V500H208.3V750H125V166.7M625 166.7H791.7A83.3 83.3 0 0 1 875 250V666.7A83.3 83.3 0 0 1 791.7 750H625A83.3 83.3 0 0 1 541.7 666.7V625H625V666.7H791.7V500H625V416.7H791.7V250H625V291.7H541.7V250A83.3 83.3 0 0 1 625 166.7Z", + "width": 1000 + }, + "search": [ + "format-header-3" + ] + }, + { + "uid": "d1b6b0311bc5abf315d1eed603cda9d3", + "css": "format-header-4", + "code": 62062, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 166.7H208.3V416.7H375V166.7H458.3V750H375V500H208.3V750H125V166.7M750 750V541.7H541.7V458.3L750 166.7H833.3V458.3H875V541.7H833.3V750H750M750 458.3V309.2L643.7 458.3H750Z", + "width": 1000 + }, + "search": [ + "format-header-4" + ] + }, + { + "uid": "57c515dc4aa2bbb7587ee446cafac7d4", + "css": "format-header-5", + "code": 62063, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 166.7H208.3V416.7H375V166.7H458.3V750H375V500H208.3V750H125V166.7M625 166.7H833.3V250H625V416.7H708.3A166.7 166.7 0 0 1 875 583.3 166.7 166.7 0 0 1 708.3 750H625A83.3 83.3 0 0 1 541.7 666.7V625H625V666.7H708.3A83.3 83.3 0 0 0 791.7 583.3 83.3 83.3 0 0 0 708.3 500H625A83.3 83.3 0 0 1 541.7 416.7V250A83.3 83.3 0 0 1 625 166.7Z", + "width": 1000 + }, + "search": [ + "format-header-5" + ] + }, + { + "uid": "d1289444ae60e8314694317bd3f86510", + "css": "format-header-6", + "code": 62064, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 166.7H208.3V416.7H375V166.7H458.3V750H375V500H208.3V750H125V166.7M625 166.7H791.7A83.3 83.3 0 0 1 875 250V291.7H791.7V250H625V416.7H791.7A83.3 83.3 0 0 1 875 500V666.7A83.3 83.3 0 0 1 791.7 750H625A83.3 83.3 0 0 1 541.7 666.7V250A83.3 83.3 0 0 1 625 166.7M625 500V666.7H791.7V500H625Z", + "width": 1000 + }, + "search": [ + "format-header-6" + ] + }, + { + "uid": "52d6a53f3121af8418bd94326d64c995", + "css": "format-quote-open", + "code": 63318, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M416.7 291.7L333.3 458.3H458.3V708.3H208.3V458.3L291.7 291.7H416.7M750 291.7L666.7 458.3H791.7V708.3H541.7V458.3L625 291.7H750Z", + "width": 1000 + }, + "search": [ + "format-quote-open" + ] + }, + { + "uid": "4b7fe4853312bcaf32ed83f713fb5611", + "css": "code-tags", + "code": 61812, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M608.3 691.7L800 500 608.3 308.3 666.7 250 916.7 500 666.7 750 608.3 691.7M391.7 691.7L200 500 391.7 308.3 333.3 250 83.3 500 333.3 750 391.7 691.7Z", + "width": 1000 + }, + "search": [ + "code-tags" + ] + }, + { + "uid": "bde5ffe97801c42c425363f6d4920e23", + "css": "code-brackets", + "code": 61802, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M625 166.7V250H750V750H625V833.3H833.3V166.7M166.7 166.7V833.3H375V750H250V250H375V166.7H166.7Z", + "width": 1000 + }, + "search": [ + "code-brackets" + ] + }, + { + "uid": "c94f52a9f6d0c8b6a59ce21cd141a8d1", + "css": "format-letter-case", + "code": 64281, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M835.8 750C833.3 742.9 829.6 730.8 827.5 712.9 799.6 742.1 765.8 756.7 727.1 756.7 692.5 756.7 663.8 746.7 641.7 727.1 619.6 708.3 608.3 682.9 608.3 652.5 608.3 615.8 622.1 587.5 650 567.1 677.9 546.7 717.1 536.7 767.9 536.7H826.2V510C826.2 489.6 820 473.3 807.5 461.3 795 449.2 776.2 443.3 752.1 443.3 730.4 443.3 712.5 448.3 697.9 458.3 683.3 468.8 676.3 480.8 676.3 495.4H615.4C615.4 477.5 621.7 460.4 634.2 443.8 645.8 427.1 663.8 414.2 685 404.6 706.2 395.8 729.2 390 755.4 390 796.2 390 827.9 400 850.8 420.4 873.7 440.8 885.8 468.8 886.7 504.6V666.7C886.7 700 890.8 725.8 899.2 745V750H835.8M735.8 703.3C754.6 703.3 772.5 698.7 789.6 690 806.3 681.3 818.7 669.6 826.2 655.4V590H779.2C705.4 590 668.3 609.6 668.3 648.8 668.3 666.7 674.6 679.2 687.5 688.8 700 698.3 715.8 703.3 735.8 703.3M227.5 571.3H397.1L312.5 345.4 227.5 571.3M276.7 250H348.3L544.6 750H464.2L423.8 642.9H200.8L160.8 750H80.4L276.7 250Z", + "width": 1000 + }, + "search": [ + "format-letter-case" + ] + }, + { + "uid": "43e2aec9da6a218cd135b1a595027dcb", + "css": "mattermost", + "code": 59392, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M744.8 162.9L749.2 251.3C820.9 330.5 849.2 442.7 813.5 548.1 760.2 705.5 584.5 788.2 421.1 732.9 257.7 677.6 168.4 505.2 221.7 347.8 257.5 242 348.6 169.9 454.1 150.8L511.1 83.5C333.3 78.7 165.5 189.1 105.5 366.4 31.7 584.3 148.5 820.8 366.5 894.5S820.8 851.5 894.6 633.5C954.5 456.5 888.6 267.2 744.8 162.9ZM642.7 423.8L639.7 300.2 637.3 229.1 635.7 167.5C635.7 167.5 636 137.8 635 130.8 634.8 129.3 634.3 128.1 633.7 127L633.5 126.6 633.3 126.2C632.1 124.3 630.3 122.7 628 121.9 625.6 121.1 623.2 121.3 621 122.2L620.9 122.3 620.2 122.7C619.2 123.2 618.1 123.8 617.1 124.8 612 129.7 594.3 153.5 594.3 153.5L555.5 201.5 510.4 256.4 432.9 352.8C432.9 352.8 397.3 397.2 405.2 451.8 413.1 506.5 453.7 533.1 485.2 543.8 516.7 554.4 565.2 558 604.6 519.3 644 480.7 642.7 423.8 642.7 423.8Z", + "width": 1000 + }, + "search": [ + "mattermost" + ] + }, + { + "uid": "ff4c870bf36073af047f772c90c0351b", + "css": "archive-arrow-up-outline", + "code": 983687, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 875H166.7V416.7H250V791.7H750V416.7H833.3V875M125 125H875V375H125V125M208.3 208.3V291.7H791.7V208.3M437.5 708.3V583.3H333.3L500 416.7 666.7 583.3H562.5V708.3", + "width": 1000 + }, + "search": [ + "archive-arrow-up-outline" + ] + }, + { + "uid": "1b3d06ef70ba326aa7f6d40cf219afa9", + "css": "paperclip", + "code": 62434, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M687.5 291.7V687.5C687.5 779.5 612.9 854.2 520.8 854.2S354.2 779.5 354.2 687.5V250C354.2 192.5 400.8 145.8 458.3 145.8S562.5 192.5 562.5 250V645.8C562.5 668.8 543.8 687.5 520.8 687.5S479.2 668.8 479.2 645.8V291.7H416.7V645.8C416.7 703.4 463.3 750 520.8 750S625 703.4 625 645.8V250C625 158 550.4 83.3 458.3 83.3S291.7 158 291.7 250V687.5C291.7 814.1 394.2 916.7 520.8 916.7S750 814.1 750 687.5V291.7H687.5Z", + "width": 1000 + }, + "search": [ + "paperclip" + ] + }, + { + "uid": "27e96269953016060d2e7a530f2f359b", + "css": "exclamation-thick", + "code": 59395, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M416.7 125H583.3L541.7 583.3H458.3L416.7 125M583.3 791.7C583.3 837.7 546 875 500 875S416.7 837.7 416.7 791.7 454 708.3 500 708.3 583.3 745.6 583.3 791.7Z", + "width": 1000 + }, + "search": [ + "exclamation-thick" + ] + }, + { + "uid": "fcc33aa2422f620f9df32a93eeff9ac3", + "css": "alert-circle-outline", + "code": 62934, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3C270.8 83.3 83.3 270.8 83.3 500S270.8 916.7 500 916.7 916.7 729.2 916.7 500 729.2 83.3 500 83.3M500 833.3C316.7 833.3 166.7 683.3 166.7 500S316.7 166.7 500 166.7 833.3 316.7 833.3 500 683.3 833.3 500 833.3ZM520.9 541.7H479.2L458.4 291.7H541.7L520.9 541.7ZM541.7 666.7C541.7 689.7 523 708.3 500 708.3S458.3 689.7 458.3 666.7 477 625 500 625 541.7 643.7 541.7 666.7Z", + "width": 1000 + }, + "search": [ + "alert-circle-outline" + ] + }, + { + "uid": "60a0f89370d9fbba9df12a1c6bba6c0e", + "css": "alert-outline", + "code": 61482, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M901.6 690.6L610 149.1C588.2 108.5 546 83.3 500 83.3S411.8 108.5 390 149.1L98.4 690.6C77.4 729.7 78.4 775.9 101.1 814 123.9 852.2 164 875 208.5 875H791.5C836 875 876.1 852.2 898.8 814 921.6 775.9 922.6 729.7 901.6 690.6ZM791.5 791.6H208.4C176.8 791.6 156.8 757.9 171.7 730.1L463.3 188.6C471.1 174 485.5 166.7 499.9 166.7S528.7 174 536.6 188.6L828.1 730.1C843.1 757.9 823 791.6 791.5 791.6ZM520.8 541.7H479.2L458.3 291.7H541.7L520.8 541.7ZM541.6 666.7C541.6 689.7 523 708.3 500 708.3S458.3 689.7 458.3 666.7 477 625 500 625C523 625 541.6 643.7 541.6 666.7Z", + "width": 1000 + }, + "search": [ + "alert-outline" + ] + }, + { + "uid": "048186ac9a3e62fd7608f99e30148368", + "css": "clock-outline", + "code": 61776, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 833.3C683.3 833.3 833.3 683.3 833.3 500S683.3 166.7 500 166.7 166.7 316.7 166.7 500 316.7 833.3 500 833.3M500 83.3C729.2 83.3 916.7 270.8 916.7 500S729.2 916.7 500 916.7 83.3 729.2 83.3 500 270.8 83.3 500 83.3M647.3 706.2L458.3 517.3V291.7H541.7V482.8L706.2 647.3 647.3 706.2Z", + "width": 1000 + }, + "search": [ + "clock-outline" + ] + }, + { + "uid": "1aa3b517f46bf1d33602e09793862528", + "css": "clock", + "code": 63827, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3C270.8 83.3 83.3 270.8 83.3 500S270.8 916.7 500 916.7 916.7 729.2 916.7 500 729.2 83.3 500 83.3M647.3 706.2L458.3 517.3V291.7H541.7V482.8L706.2 647.3 647.3 706.2Z", + "width": 1000 + }, + "search": [ + "clock" + ] + }, + { + "uid": "4b84cc3f3fbf680d29b42cb4aab75134", + "css": "check-circle", + "code": 62944, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3C269.9 83.3 83.3 269.9 83.3 500S269.9 916.7 500 916.7 916.7 730.1 916.7 500 730.1 83.3 500 83.3ZM426.8 695.5L426.8 695.5 367.8 636.6 250 518.7 308.9 459.8 426.7 577.7 692 312.5 750.9 371.5 426.8 695.5Z", + "width": 1000 + }, + "search": [ + "check-circle" + ] + }, + { + "uid": "dc63bcc32e3834d795584f555fefd930", + "css": "magnify", + "code": 62281, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M842.7 784.5L685.4 627.3C725.7 574.6 750 509 750 437.5 750 264.9 610.1 125 437.5 125S125 264.9 125 437.5 264.9 750 437.5 750C508.7 750 574.1 725.9 626.6 685.9L783.9 842.1C800.2 858.2 826.4 858.2 842.7 842.1 858 826 858 800.7 842.7 784.5ZM208.3 437.5C208.3 310.9 310.9 208.3 437.5 208.3S666.7 310.9 666.7 437.5 564.1 666.7 437.5 666.7 208.3 564.1 208.3 437.5Z", + "width": 1000 + }, + "search": [ + "magnify" + ] + }, + { + "uid": "e41898ee2afd6b57e3d25afda69714f3", + "css": "pin-outline", + "code": 63792, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M904.4 408.4L862.8 366.7 592.3 95.7C592.2 95.6 592.1 95.5 592 95.4 575.7 79.2 549.4 79.3 533.2 95.7 533.1 95.8 533 95.8 532.9 95.9 516.7 112.2 516.8 138.7 533.2 154.9L545.7 167 360.5 350.4C289.9 341.6 218.3 351.1 152.4 377.9 139 382.7 128.9 394 125.7 407.9 123.1 421.8 127.6 436.1 137.8 445.9L314.6 623 145.8 791.7 104.2 895.8 208.3 854.2 377 685.5 554 862.8C564.2 872.8 578.8 876.9 592.7 873.6 606.6 870.5 617.9 860.4 622.7 847 649.5 781 658.9 709.2 650.1 638.5L833.2 455 845.3 467.5C861.7 483.9 888.1 483.9 904.4 467.5 920.7 451.2 920.7 424.7 904.4 408.4ZM573.5 594.7C562.6 605.7 558.6 621.7 563.1 636.5 572.9 675 572.9 715.5 563.1 754L246 436.3C284.5 426.5 324.9 426.5 363.4 436.3 378.2 440.8 394.2 436.8 405 425.9L604.4 225.7 773.3 395 573.5 594.7Z", + "width": 1000 + }, + "search": [ + "pin-outline" + ] + }, + { + "uid": "e7f146c5af56d756cc7ed9fcab68fb76", + "css": "power-plug-outline", + "code": 59400, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M758.5 506.7L876.3 388.9C892.6 372.6 892.6 346.2 876.3 330 860 313.7 833.6 313.7 817.4 330L699.5 447.8 552.2 300.5 670 182.6C686.3 166.3 686.3 140 670 123.7 653.7 107.4 627.4 107.4 611.1 123.7L493.3 241.5 375.4 123.7C359.1 107.4 332.7 107.4 316.5 123.7L316.3 124C300 140.2 300 166.6 316.3 182.9L345.7 212.3 213.4 344.7C101.2 456.8 92.4 632.9 186.5 755.5 185.7 756.1 184.7 756.4 183.9 757.2L95.5 845.5C79.3 861.8 79.3 888.2 95.5 904.5S138.2 920.7 154.5 904.5L242.8 816.1C243.6 815.3 243.8 814.3 244.5 813.5 367.1 907.6 543.2 898.8 655.3 786.6L787.7 654.3 817.1 683.8C833.4 700 859.8 700 876 683.8L876.3 683.5C892.6 667.2 892.6 640.8 876.3 624.6L758.5 506.7ZM596.4 727.7C507.1 817 361.7 817 272.3 727.7S183 492.9 272.3 403.6L404.7 271.3 728.7 595.3 596.4 727.7Z", + "width": 1000 + }, + "search": [ + "power-plug-outline" + ] + }, + { + "uid": "d877e914b2f3c9fc0d14dabcc10799e3", + "css": "filter-variant", + "code": 62006, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M250 541.7H750V458.3H250M125 250V333.3H875V250M416.7 750H583.3V666.7H416.7V750Z", + "width": 1000 + }, + "search": [ + "filter-variant" + ] + }, + { + "uid": "53f0a21ca3c2a4846fbff997c02aa2d7", + "css": "image-area-outline", + "code": 59406, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 750H166.7V250H833.3M833.3 166.7H166.7C120.4 166.7 83.3 203.7 83.3 250V750C83.3 796 120.6 833.3 166.7 833.3H833.3C879.4 833.3 916.7 796 916.7 750V250C916.7 203.7 879.2 166.7 833.3 166.7M208.3 666.7L354.2 479.2 458.3 604.2 604.2 416.7 791.7 666.7", + "width": 1000 + }, + "search": [ + "image-area-outline" + ] + }, + { + "uid": "356c2cad90284c50e57bce8fef91c78a", + "css": "arrow-right", + "code": 983124, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M166.7 458.3V541.7H666.7L437.5 770.8 496.7 830 826.7 500 496.7 170 437.5 229.2 666.7 458.3H166.7Z", + "width": 1000 + }, + "search": [ + "arrow-right" + ] + }, + { + "uid": "ff0b9e37b3505936d00ae571876aa858", + "css": "mark-as-unread", + "code": 59408, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 208.3V291.7H875V208.3H125ZM875 416.7V583.3H791.7L708.3 500 791.7 416.7H875ZM125 458.3V541.7H625V458.3H125M125 708.3V791.7H875V708.3H125Z", + "width": 1000 + }, + "search": [ + "mark-as-unread" + ] + }, + { + "uid": "095654362be659f125104d92abfa567e", + "css": "content-copy", + "code": 983439, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 875H333.3V291.7H791.7M791.7 208.3H333.3A83.3 83.3 0 0 0 250 291.7V875A83.3 83.3 0 0 0 333.3 958.3H791.7A83.3 83.3 0 0 0 875 875V291.7A83.3 83.3 0 0 0 791.7 208.3M666.7 41.7H166.7A83.3 83.3 0 0 0 83.3 125V708.3H166.7V125H666.7V41.7Z", + "width": 1000 + }, + "search": [ + "content-copy" + ] + }, + { + "uid": "f9ab1ea6798d4c6b4b1ed64a6af80608", + "css": "glasses", + "code": 983722, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 416.7C115 416.7 106.2 420.4 100.4 427.1 94.6 433.3 92.1 442.5 93.3 452.5L114.2 577.1C117.5 604.2 141.7 625 166.7 625H291.7C318.3 625 348.3 601.7 354.2 575.8L398.3 442.9C400 437.5 398.8 429.6 395.8 424.6 391.3 419.6 384.2 416.7 375 416.7H125M291.7 708.3H166.7C99.2 708.3 40 655.8 31.7 589.2L10.8 464.6C6.2 429.2 16.3 395.8 37.9 371.7 59.6 347.5 91.2 333.3 125 333.3H375C409.6 333.3 440.8 347.9 460.8 373.3 465.4 379.6 469.6 386.2 472.9 393.7 490.8 390 509.2 390 526.7 393.7 530 386.2 534.2 379.6 539.2 373.3 558.8 347.9 590 333.3 625 333.3H875C908.7 333.3 940.4 347.5 962.1 371.7 983.3 395.8 993.3 429.2 989.2 462.9L967.9 590.8C960 655.8 900.4 708.3 833.3 708.3H708.3C643.3 708.3 580 658.8 564.2 595.8L526.7 482.9C510.8 471.3 488.8 471.3 472.9 482.9L434.6 598.7C419.6 659.2 356.7 708.3 291.7 708.3M625 416.7C615.8 416.7 608.7 419.6 604.2 424.6 600.8 429.6 600 437.5 602.1 445.8L644.2 572.9C651.7 601.7 681.7 625 708.3 625H833.3C857.9 625 882.5 604.2 885.4 578.8L906.7 450.8C907.9 442.5 905.4 433.3 899.6 427.1 893.7 420.4 885 416.7 875 416.7H625Z", + "width": 1000 + }, + "search": [ + "glasses" + ] + }, + { + "uid": "db6c4b4216f77bb8df379dc7bdf5ded5", + "css": "trash-can-outline", + "code": 985722, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M375 125V166.7H166.7V250H208.3V791.7A83.3 83.3 0 0 0 291.7 875H708.3A83.3 83.3 0 0 0 791.7 791.7V250H833.3V166.7H625V125H375M291.7 250H708.3V791.7H291.7V250M375 333.3V708.3H458.3V333.3H375M541.7 333.3V708.3H625V333.3H541.7Z", + "width": 1000 + }, + "search": [ + "trash-can-outline" + ] + }, + { + "uid": "826b66948f982fa9eeca56e4e77ca0e1", + "css": "minus-circle-outline", + "code": 983927, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 833.3C316.3 833.3 166.7 683.8 166.7 500 166.7 316.3 316.3 166.7 500 166.7 683.8 166.7 833.3 316.3 833.3 500 833.3 683.8 683.8 833.3 500 833.3M500 83.3A416.7 416.7 0 0 0 83.3 500 416.7 416.7 0 0 0 500 916.7 416.7 416.7 0 0 0 916.7 500 416.7 416.7 0 0 0 500 83.3M291.7 541.7H708.3V458.3H291.7", + "width": 1000 + }, + "search": [ + "minus-circle-outline" + ] + }, + { + "uid": "d5ca932243e222958e1e79b8b0dba7c3", + "css": "chevron-up", + "code": 983363, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M308.8 642.1L500 451.3 691.3 642.1 750 583.3 500 333.3 250 583.3 308.8 642.1Z", + "width": 1000 + }, + "search": [ + "chevron-up" + ] + }, + { + "uid": "685cfd71d6a26a951edfd69b1a409a9d", + "css": "file-outline", + "code": 983588, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 83.3H250A83.3 83.3 0 0 0 166.7 166.7V833.3A83.3 83.3 0 0 0 250 916.7H750A83.3 83.3 0 0 0 833.3 833.3V333.3L583.3 83.3M750 833.3H250V166.7H541.7V375H750V833.3Z", + "width": 1000 + }, + "search": [ + "file-outline" + ] + }, + { + "uid": "dba49fba2e424d9942d68cc1e177a2c2", + "css": "file-music-outline", + "code": 65148, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 83.3L833.3 333.3V833.3C833.3 879.4 796 916.7 750 916.7H250C204 916.7 166.7 879.4 166.7 833.3V166.7C166.7 120.6 204 83.3 250 83.3H583.3M750 833.3V375H541.7V166.7H250V833.3H750M541.7 791.7L416.7 666.7H333.3V541.7H416.7L541.7 416.7V791.7Z", + "width": 1000 + }, + "search": [ + "file-music-outline" + ] + }, + { + "uid": "09f129fcc1678a026f14b3e88e0fbda4", + "css": "emoticon-plus-outline", + "code": 59407, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M604.2 500C637.5 500 666.7 470.8 666.7 437.5S637.5 375 604.2 375 541.7 404.2 541.7 437.5 570.8 500 604.2 500M354.2 500C387.5 500 416.7 470.8 416.7 437.5S387.5 375 354.2 375 291.7 404.2 291.7 437.5 320.8 500 354.2 500M790.4 496.5C791 504.5 791.7 512.6 791.7 520.8 791.7 693.1 651.5 833.3 479.2 833.3S166.7 693.1 166.7 520.8 306.9 208.3 479.2 208.3C487.4 208.3 495.5 209 503.5 209.6 508.3 180.7 517.7 153.5 531.4 128.8 514.3 126.6 496.9 125 479.2 125 260.5 125 83.3 302.2 83.3 520.8S260.5 916.7 479.2 916.7 875 739.5 875 520.8C875 503.1 873.4 485.7 871.2 468.6 846.5 482.3 819.3 491.7 790.4 496.5ZM708.3 83.3H791.7V208.3H916.7V291.7H791.7V416.7H708.3V291.7H583.3V208.3H708.3V83.3ZM265.9 604.2C299.2 689.5 382 750 479.2 750S659.1 689.5 692.5 604.2H265.9Z", + "width": 1000 + }, + "search": [ + "emoticon-plus-outline" + ] + }, + { + "uid": "e65c16c87b03ed1fb2f619f928bb080a", + "css": "close-circle", + "code": 983385, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3C730.4 83.3 916.7 269.6 916.7 500 916.7 730.4 730.4 916.7 500 916.7 269.6 916.7 83.3 730.4 83.3 500 83.3 269.6 269.6 83.3 500 83.3M649.6 291.7L500 441.2 350.4 291.7 291.7 350.4 441.2 500 291.7 649.6 350.4 708.3 500 558.8 649.6 708.3 708.3 649.6 558.8 500 708.3 350.4 649.6 291.7Z", + "width": 1000 + }, + "search": [ + "close-circle" + ] + }, + { + "uid": "71ebb4962dacd0aed4f7abf79c1c9fd3", + "css": "folder-plus-outline", + "code": 986013, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 500H583.3V416.7H666.7V500H750V583.3H666.7V666.7H583.3V583.3H500V500M916.7 333.3V750C916.7 796.2 879.6 833.3 833.3 833.3H166.7C120.4 833.3 83.3 796.2 83.3 750V250C83.3 203.7 120.4 166.7 166.7 166.7H416.7L500 250H833.3C879.6 250 916.7 287.1 916.7 333.3M833.3 333.3H166.7V750H833.3V333.3Z", + "width": 1000 + }, + "search": [ + "folder-plus-outline" + ] + }, + { + "uid": "d42048ea977f0e5c58bff60c4d8f991d", + "css": "folder-move-outline", + "code": 987718, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 750H166.7V333.3H833.3V750M500 250L416.7 166.7H166.7C120.8 166.7 83.3 203.7 83.3 250V750C83.3 796.2 120.8 833.3 166.7 833.3H833.3C879.6 833.3 916.7 796.2 916.7 750V333.3C916.7 287.5 879.6 250 833.3 250H500M458.3 583.3V500H625V375L791.7 541.7 625 708.3V583.3H458.3Z", + "width": 1000 + }, + "search": [ + "folder-move-outline" + ] + }, + { + "uid": "298f10868b0672b78d4f190cfcb77aa9", + "css": "folder-outline", + "code": 983638, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 750H166.7V333.3H833.3M833.3 250H500L416.7 166.7H166.7C120.4 166.7 83.3 203.7 83.3 250V750A83.3 83.3 0 0 0 166.7 833.3H833.3A83.3 83.3 0 0 0 916.7 750V333.3C916.7 287.1 879.2 250 833.3 250Z", + "width": 1000 + }, + "search": [ + "folder-outline" + ] + }, + { + "uid": "92f4f54567a7fe038465a990135f4291", + "css": "account-minus-outline", + "code": 985836, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M209.7 791.7C186 791.7 166.7 772 166.7 747.7 166.7 743.3 167.3 739 168.5 735 170.9 726.8 175.6 719.5 182 714.1 185.2 711.3 188.8 709 192.7 707.3L321.6 630C349.5 646.7 381.3 656.3 416.7 656.3S483.9 646.7 511.7 630L526.3 638.8C538.9 613.5 555.5 590.6 575.5 571.1L575.3 570.9C618.8 513 642.9 433 642.9 354.1 642.9 217.1 552 125 416.7 125S190.5 217.1 190.5 354.2C190.5 433 214.5 513 258 571L153.2 633.9C110.5 655.3 83.3 699.3 83.3 747.7 83.3 817.9 140 875 209.7 875H533.7C519 849.7 508.8 821.6 503.8 791.7H209.7ZM416.7 208.3C495.6 208.3 559.5 253.5 559.5 354.2 559.5 415.9 539.3 484 503.2 527.6 480.3 555.1 451.2 572.9 416.7 572.9 405.5 572.9 394.9 571.1 384.9 567.7 379.9 566 375 563.8 370.3 561.4 360.9 556.4 352.1 550 343.9 542.5 339.1 538 334.5 533 330.1 527.7 327.1 524.1 324.2 520.4 321.4 516.5 314.6 506.8 308.5 496.3 303 485 294.9 468.1 288.4 449.8 283.6 430.8 280.4 418.2 277.9 405.3 276.3 392.5 274.6 379.6 273.8 366.7 273.8 354.2 273.8 253.5 337.8 208.3 416.7 208.3ZM916.7 708.3V791.7H583.3V708.3H916.7Z", + "width": 1000 + }, + "search": [ + "account-minus-outline" + ] + }, + { + "uid": "c169f35bfe5c470e0459b7113305e418", + "css": "video-outline", + "code": 64440, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M625 270.8V379.2C625 404.2 641.7 420.8 666.7 420.8H683.3C700 420.8 716.7 416.7 729.2 408.3L833.3 337.5V670.8L729.2 600C716.7 591.7 700 587.5 683.3 587.5H666.7C641.7 587.5 625 604.2 625 629.2V729.2H166.7V270.8H625M625 187.5H166.7C120.8 187.5 83.3 225 83.3 270.8V729.2C83.3 775 120.8 812.5 166.7 812.5H625C670.8 812.5 708.3 775 708.3 729.2V687.5L787.5 741.7C800 750 816.7 754.2 833.3 754.2 845.8 754.2 858.3 750 870.8 745.8 900 733.3 916.7 704.2 916.7 670.8V337.5C916.7 308.3 900 279.2 870.8 262.5 858.3 254.2 845.8 254.2 833.3 254.2 816.7 254.2 800 258.3 787.5 266.7L708.3 320.8V270.8C708.3 225 670.8 187.5 625 187.5L625 187.5Z", + "width": 1000 + }, + "search": [ + "video-outline" + ] + }, + { + "uid": "4524d0011af9e5d9929f64ac82028098", + "css": "hand-right", + "code": 986695, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M875 274.2V777.9A138.8 138.8 0 0 1 736.3 916.7H482.5C445 916.7 409.6 901.7 383.8 875L111.2 598.3C111.2 598.3 155 555.4 156.3 555 163.8 548.3 173.3 544.6 183.8 544.6 191.2 544.6 198.3 546.7 204.6 550.4 205.8 550.8 354.2 635.8 354.2 635.8V222.1A52.1 52.1 0 0 1 406.3 170 52.1 52.1 0 0 1 458.3 222.1V465.4H492.9V135.4A52.1 52.1 0 0 1 545 83.3C574.2 83.3 597.1 106.7 597.1 135.4V465.4H632.1V170C632.1 141.3 655 117.9 684.2 117.9A52.1 52.1 0 0 1 736.3 170V465.4H770.8V274.2A52.1 52.1 0 0 1 822.9 222.1 52.1 52.1 0 0 1 875 274.2Z", + "width": 1000 + }, + "search": [ + "hand-right" + ] + }, + { + "uid": "45d233904674df88788dd483bfea2499", + "css": "account-group-outline", + "code": 64308, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M727 688.1L650.4 640.8C684 590 702.3 523.7 702.3 458.3 702.3 333.7 621 250 499.9 250S297.5 333.7 297.5 458.3C297.5 523.7 315.9 590.1 349.5 640.8L272.8 688.1C233.4 708.8 208.3 750.2 208.3 795.7 208.3 862.4 261.8 916.7 327.5 916.7H672.4C738.1 916.7 791.6 862.4 791.6 795.7 791.6 750.3 766.5 708.8 727 688.1ZM380.9 458.3C380.9 372 434.2 333.3 499.9 333.3S619 372 619 458.3C619 496.1 610.4 536.7 594.6 570.4 590.1 579.9 585.1 588.8 579.5 597 576.6 601.3 573.5 605.4 570.3 609.3 554.7 627.9 535.6 640.8 513.5 644.7 509.1 645.5 504.6 645.8 499.9 645.8 467.2 645.8 440.3 626.2 420.3 597 394.9 559.7 380.9 506.7 380.9 458.3ZM672.4 833.3H327.5C307.7 833.3 291.6 816.5 291.6 795.7 291.6 780.6 300.1 767 313.3 761L409.3 701.7C435.6 719 465.8 729.2 499.9 729.2S564.3 719 590.5 701.7L686.5 761C699.7 767 708.2 780.6 708.2 795.7 708.3 816.5 692.2 833.3 672.4 833.3ZM916.7 552C916.7 509.7 893.8 470.9 857.9 451L837.3 437.8C869.3 392.3 886.9 331.1 886.9 270.9 886.9 160.4 813.5 83.3 708.3 83.3 619.6 83.3 554.1 138.6 535.6 222 565 225.9 591.8 234.7 615.8 247.6 618.3 231.7 622.4 217.3 629.4 206.3 636.2 195.5 645 187 655.1 180.7 670.3 171.2 688.6 166.7 708.3 166.7 760.9 166.7 803.6 198.9 803.6 270.8 803.6 314.1 790.5 361.5 767.3 392.7 757 406.5 744.5 416.7 730.5 422.3 731.9 434.1 733.6 445.8 733.6 458.3 733.6 474.9 732.3 491.4 730.1 507.8 745.1 505.5 759.5 501.7 772.5 495.2L816 523.1C826.5 528 833.3 539.4 833.3 552 833.3 569.3 820.5 583.3 804.6 583.3H712.3C706.7 599.6 700.4 615.5 692.8 630.2L742.5 661C745.7 662.7 748.6 664.8 751.6 666.7H804.6C866.4 666.7 916.7 615.2 916.7 552ZM307.1 630.2C299.5 615.5 293.1 599.6 287.5 583.3H195.4C179.5 583.3 166.7 569.3 166.7 552 166.7 539.4 173.5 528 184 523.1L227.5 495.2C240.5 501.7 254.8 505.5 269.7 507.8 267.6 491.4 266.3 474.9 266.3 458.3 266.3 445.8 267.9 434.1 269.4 422.3 255.4 416.7 243 406.5 232.8 392.7 209.5 361.5 196.4 314.1 196.4 270.8 196.4 243.9 202.4 222.5 212.7 206.3 219.5 195.5 228.2 187 238.4 180.7 253.6 171.2 272 166.7 291.7 166.7 338 166.7 376.6 191.8 385.1 247.1 408.9 234.5 435.3 225.8 464.4 222 445.9 138.5 380.3 83.3 291.7 83.3 186.5 83.3 113.1 160.4 113.1 270.8 113.1 331.1 130.7 392.2 162.7 437.8L142.1 451C106.2 470.9 83.3 509.7 83.3 552 83.3 615.2 133.6 666.7 195.4 666.7H248.2C251.3 664.8 254.1 662.7 257.3 661L307.1 630.2Z", + "width": 1000 + }, + "search": [ + "account-group-outline" + ] + }, + { + "uid": "4c0e8fc9b45dbbe323cf49c60091b9e8", + "css": "shield-alert-outline", + "code": 986829, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M875 458.3C875 689.6 715 905.8 500 958.3 285 905.8 125 689.6 125 458.3V208.3L500 41.7 875 208.3V458.3M500 875C656.3 833.3 791.7 647.5 791.7 467.5V262.5L500 132.5 208.3 262.5V467.5C208.3 647.5 343.8 833.3 500 875M458.3 291.7H541.7V541.7H458.3V291.7M458.3 625H541.7V708.3H458.3V625Z", + "width": 1000 + }, + "search": [ + "shield-alert-outline" + ] + }, + { + "uid": "a7e5350db8358950739e950ad62dbd2c", + "css": "minus", + "code": 983924, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 541.7H208.3V458.3H791.7V541.7Z", + "width": 1000 + }, + "search": [ + "minus" + ] + }, + { + "uid": "64aeca3554d9a505dd48fb87f333abe2", + "css": "magnify-minus", + "code": 983882, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M375 83.3A291.7 291.7 0 0 1 666.7 375C666.7 440.4 645.8 500 608.7 549.6L642.1 583.3H666.7L916.7 833.3 833.3 916.7 583.3 666.7V642.1L549.6 608.7C500 645.8 440.4 666.7 375 666.7A291.7 291.7 0 0 1 83.3 375 291.7 291.7 0 0 1 375 83.3M208.3 333.3V416.7H541.7V333.3H208.3Z", + "width": 1000 + }, + "search": [ + "magnify-minus" + ] + }, + { + "uid": "b32a3b04fa08cf69cf81b4a7e08d283b", + "css": "magnify-plus", + "code": 983883, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M375 83.3A291.7 291.7 0 0 1 666.7 375C666.7 440.4 645.8 500 608.7 549.6L642.1 583.3H666.7L916.7 833.3 833.3 916.7 583.3 666.7V642.1L549.6 608.7C500 645.8 440.4 666.7 375 666.7A291.7 291.7 0 0 1 83.3 375 291.7 291.7 0 0 1 375 83.3M333.3 208.3V333.3H208.3V416.7H333.3V541.7H416.7V416.7H541.7V333.3H416.7V208.3H333.3Z", + "width": 1000 + }, + "search": [ + "magnify-plus" + ] + }, + { + "uid": "42c59c777f901307f4b1637d067759e5", + "css": "sort-alphabetical-ascending", + "code": 984509, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 708.3H916.7L750 875 583.3 708.3H708.3V125H791.7M458.3 541.7V625L319.6 791.7H458.3V875H208.3V791.7L347.1 625H208.3V541.7M375 125H291.7C245.8 125 208.3 162.5 208.3 208.3V458.3H291.7V375H375V458.3H458.3V208.3C458.3 162.5 421.2 125 375 125M375 291.7H291.7V208.3H375Z", + "width": 1000 + }, + "search": [ + "sort-alphabetical-ascending" + ] + }, + { + "uid": "915c0cde7305645578213b505b90b2ae", + "css": "pin", + "code": 62467, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M904.2 408.3L862.5 366.7 591.7 95.8 591.7 95.8C575 79.2 550 79.2 533.3 95.8L533.3 95.8C516.7 112.5 516.7 137.5 533.3 154.2L545.8 166.7 362.5 350C291.7 341.7 220.8 350 154.2 379.2 137.5 383.3 129.2 395.8 125 408.3 125 420.8 129.2 437.5 137.5 445.8L316.7 625 145.8 791.7 104.2 895.8 208.3 854.2 375 687.5 550 866.7C558.3 875 575 879.2 587.5 879.2 600 875 612.5 866.7 616.7 854.2 641.7 787.5 654.2 716.7 645.8 645.8L833.3 454.2 845.8 466.7C862.5 483.3 887.5 483.3 904.2 466.7 920.8 450 920.8 425 904.2 408.3Z", + "width": 1000 + }, + "search": [ + "pin" + ] + }, + { + "uid": "7462b77e39aee60291c34f82735b857c", + "css": "calendar-check-outline", + "code": 986180, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 166.7H750V83.3H666.7V166.7H333.3V83.3H250V166.7H208.3A83.3 83.3 0 0 0 125 250V833.3A83.3 83.3 0 0 0 208.3 916.7H791.7A83.3 83.3 0 0 0 875 833.3V250A83.3 83.3 0 0 0 791.7 166.7M791.7 833.3H208.3V416.7H791.7V833.3M208.3 333.3V250H791.7V333.3H208.3M440 769.2L687.5 522.1 642.9 477.9 440 680.8 352.1 592.9 307.9 637.1 440 769.2Z", + "width": 1000 + }, + "search": [ + "calendar-check-outline" + ] + }, + { + "uid": "3b16420066752f383d9c1c870127af89", + "css": "brand-zoom", + "code": 59411, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3C270.8 83.3 83.3 270.8 83.3 500S270.8 916.7 500 916.7 916.7 729.2 916.7 500 729.2 83.3 500 83.3ZM612.5 587.5C612.5 608.3 612.5 616.7 608.3 625S600 637.5 591.7 641.7C583.3 645.8 575 645.8 554.2 645.8H387.5C337.5 645.8 312.5 645.8 295.8 637.5 279.2 629.2 266.7 616.7 258.3 600 250 579.2 250 558.3 250 508.3V412.5C250 391.7 250 383.3 254.2 379.2 258.3 370.8 262.5 366.7 270.8 362.5 279.2 358.3 287.5 358.3 304.2 358.3H475C525 358.3 550 358.3 566.7 366.7 583.3 375 595.8 387.5 604.2 404.2 612.5 425 612.5 445.8 612.5 495.8V587.5ZM754.2 600C754.2 616.7 754.2 620.8 754.2 625 750 633.3 741.7 637.5 729.2 637.5 725 637.5 720.8 633.3 708.3 620.8L658.3 583.3C650 575 645.8 575 645.8 570.8 641.7 562.5 637.5 554.2 633.3 545.8 633.3 541.7 633.3 537.5 633.3 525V475C633.3 466.7 633.3 458.3 633.3 454.2 633.3 445.8 637.5 437.5 645.8 429.2 650 425 654.2 420.8 658.3 416.7L708.3 379.2C720.8 370.8 725 366.7 729.2 362.5 737.5 358.3 750 366.7 754.2 375 754.2 379.2 754.2 387.5 754.2 400V600Z", + "width": 1000 + }, + "search": [ + "brand-zoom" + ] + }, + { + "uid": "bb60386fc49a9dc901606f63ac71a5ce", + "css": "jumbo-attachment-zip", + "code": 59658, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H666.7V870.8C666.7 861.6 659.2 854.2 650 854.2H620.8C611.6 854.2 604.2 861.6 604.2 870.8V875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM645.8 250H562.5C551 250 541.7 259.3 541.7 270.8V375C541.7 398 560.3 416.7 583.3 416.7H625C648 416.7 666.7 398 666.7 375V270.8C666.7 259.3 657.3 250 645.8 250ZM625 322.9C625 328.7 620.3 333.3 614.6 333.3H593.8C588 333.3 583.3 328.7 583.3 322.9V296.9C583.3 294 585.7 291.7 588.5 291.7H619.8C622.7 291.7 625 294 625 296.9V322.9ZM650 437.5H620.8C611.6 437.5 604.2 445 604.2 454.2V462.5C604.2 471.7 611.6 479.2 620.8 479.2H650C659.2 479.2 666.7 471.7 666.7 462.5V454.2C666.7 445 659.2 437.5 650 437.5ZM558.3 520.8H587.5C596.7 520.8 604.2 513.4 604.2 504.2V495.8C604.2 486.6 596.7 479.2 587.5 479.2H558.3C549.1 479.2 541.7 486.6 541.7 495.8V504.2C541.7 513.4 549.1 520.8 558.3 520.8ZM650 520.8H620.8C611.6 520.8 604.2 528.3 604.2 537.5V545.8C604.2 555 611.6 562.5 620.8 562.5H650C659.2 562.5 666.7 555 666.7 545.8V537.5C666.7 528.3 659.2 520.8 650 520.8ZM558.3 604.2H587.5C596.7 604.2 604.2 596.7 604.2 587.5V579.2C604.2 570 596.7 562.5 587.5 562.5H558.3C549.1 562.5 541.7 570 541.7 579.2V587.5C541.7 596.7 549.1 604.2 558.3 604.2ZM650 604.2H620.8C611.6 604.2 604.2 611.6 604.2 620.8V629.2C604.2 638.4 611.6 645.8 620.8 645.8H650C659.2 645.8 666.7 638.4 666.7 629.2V620.8C666.7 611.6 659.2 604.2 650 604.2ZM558.3 687.5H587.5C596.7 687.5 604.2 680 604.2 670.8V662.5C604.2 653.3 596.7 645.8 587.5 645.8H558.3C549.1 645.8 541.7 653.3 541.7 662.5V670.8C541.7 680 549.1 687.5 558.3 687.5ZM650 687.5H620.8C611.6 687.5 604.2 695 604.2 704.2V712.5C604.2 721.7 611.6 729.2 620.8 729.2H650C659.2 729.2 666.7 721.7 666.7 712.5V704.2C666.7 695 659.2 687.5 650 687.5ZM558.3 770.8H587.5C596.7 770.8 604.2 763.4 604.2 754.2V745.8C604.2 736.6 596.7 729.2 587.5 729.2H558.3C549.1 729.2 541.7 736.6 541.7 745.8V754.2C541.7 763.4 549.1 770.8 558.3 770.8ZM650 770.8H620.8C611.6 770.8 604.2 778.3 604.2 787.5V795.8C604.2 805 611.6 812.5 620.8 812.5H650C659.2 812.5 666.7 805 666.7 795.8V787.5C666.7 778.3 659.2 770.8 650 770.8ZM587.5 812.5H558.3C549.1 812.5 541.7 820 541.7 829.2V837.5C541.7 846.7 549.1 854.2 558.3 854.2H587.5C596.7 854.2 604.2 846.7 604.2 837.5V829.2C604.2 820 596.7 812.5 587.5 812.5Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-zip" + ] + }, + { + "uid": "06396e496728d18caba8f1bb0774cf2c", + "css": "jumbo-attachment-word", + "code": 59649, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM584 636.5C582.5 642.4 581 649.8 579.2 658.4L577.3 668.7C575.3 679.3 573.7 688.5 572.7 696.3L571.9 701.9C571 694.8 569.7 686.5 568 677L566.5 668.7C564.5 657.8 562.8 649.3 561.4 643.1L560.6 640 524.8 500H475.4L439.5 640C437.4 647.6 435.1 658.1 432.7 671.8L432.2 674.8C430 686.9 428.7 696 428.1 701.9 425.6 683.5 421.6 661.6 416.1 636.4L384.7 500H333.3L396.1 750H455.4L488.9 617.7C489.9 613.6 491.1 607.9 492.6 600.6L495.9 584.3C497.4 576.2 498.5 569.7 499.2 564.7L499.8 560.2C500.2 564 501.2 570.5 503 579.6L505.5 592.4C507.8 603.8 509.6 611.9 510.7 616.7L544.6 750H604L666.7 500H615.3L584 636.5Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-word" + ] + }, + { + "uid": "82ebf629418cfbb5a1c06c71e25fd78b", + "css": "jumbo-attachment-video", + "code": 59654, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM645.8 601.7L412.7 485.1C404.5 481 395.1 481.5 387.3 486.3 379.6 491 375 499.3 375 508.4V741.6C375 750.7 379.6 759 387.3 763.8 391.5 766.3 396.3 767.7 401 767.7 405 767.7 409 766.8 412.7 764.9L645.7 648.4C654.7 644 660.2 635 660.2 625S654.7 606.1 645.8 601.7ZM416.7 716.3V533.7L599.3 625 416.7 716.3Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-video" + ] + }, + { + "uid": "8ed4507b96c6cf7281b51b73fbb90e7f", + "css": "jumbo-attachment-text", + "code": 59648, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM645.8 458.3H354.2C342.7 458.3 333.3 467.7 333.3 479.2S342.7 500 354.2 500H645.8C657.3 500 666.7 490.7 666.7 479.2S657.3 458.3 645.8 458.3ZM645.8 541.7H354.2C342.7 541.7 333.3 551 333.3 562.5S342.7 583.3 354.2 583.3H645.8C657.3 583.3 666.7 574 666.7 562.5S657.3 541.7 645.8 541.7ZM645.8 625H354.2C342.7 625 333.3 634.3 333.3 645.8S342.7 666.7 354.2 666.7H645.8C657.3 666.7 666.7 657.3 666.7 645.8S657.3 625 645.8 625ZM562.5 708.3H354.2C342.7 708.3 333.3 717.7 333.3 729.2S342.7 750 354.2 750H562.5C574 750 583.3 740.7 583.3 729.2S574 708.3 562.5 708.3Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-text" + ] + }, + { + "uid": "b86f318c2a4ec2b455d6c3de474c1261", + "css": "jumbo-attachment-powerpoint", + "code": 59651, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM514.5 479.2H437.5V729.2H488.7V640.3H510.6C540.5 640.3 563.6 633.1 579.8 618.9 596 604.6 604.2 584 604.2 557.1 604.2 531.3 596.5 511.8 581.3 498.8 566.1 485.7 543.8 479.2 514.5 479.2ZM540.8 587.2C533 593.6 521.2 596.8 505.5 596.8H488.7V522.6H511.9C525.9 522.6 536.1 525.6 542.7 531.5 549.3 537.4 552.5 546.6 552.5 559 552.5 571.3 548.6 580.7 540.8 587.2Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-powerpoint" + ] + }, + { + "uid": "9295bf116f0257aa352b3df38f816b8d", + "css": "jumbo-attachment-pdf", + "code": 59652, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM645.4 586.8C626.7 574.7 596.5 572.3 561.1 577.5 550.8 569.9 540.7 561.2 531 551.5 529 549.6 527.2 547.6 525.3 545.5 538 497.6 540.5 459.3 526 436.9 517.9 424.3 504.8 417 489.8 416.7H489.3C469.5 416.7 453.1 428.9 445 448.4 432.9 477.4 439.3 519.3 461.5 556.5 458.4 565.8 455.2 574.3 452 581.5L448.2 590.4C441.5 605.9 437.7 614.5 433.2 623.7 364.6 657.9 331.5 684.4 333.4 712.7 334.5 728.2 344.8 741.7 364.8 747.5 370.7 749.2 376.6 750 382.4 750 419.9 750 448.9 719.8 476.5 667.5 487.4 662.2 499.1 656.8 511.6 651.4 523.1 646.3 535.7 642.2 548.6 639.1 585.4 662 618.7 672.3 641.7 662.8 657.4 656.5 666.7 642 666.7 624.8 666.7 609.2 658.8 595.5 645.4 586.8ZM432.3 673.7C412.8 704.2 393.7 719.5 374.5 713.9L373.3 713.5 372.3 713.2 366.9 711.2 369.9 706.3C375 698.2 394.1 684.8 423 668.8L426.2 667.1 442 658.5 432.3 673.7ZM477.5 461.8C480 455.4 483.9 451.7 489.2 451.6H489.4C492.5 451.7 494.7 453 496.5 455.8 503.4 466.4 501.8 492.2 494.1 525.9L491.1 538.9 485.4 526.8C473.8 502.3 471.2 476.8 477.5 461.8ZM530.9 607.6C519.3 610.8 507.9 614.8 497.5 619.4 490.2 622.6 485.3 624.8 480.8 626.8L479 627.6 467.9 632.7 472.9 621.5C474.9 617.2 476.8 612.8 478.9 608L480.5 604.3 484.2 595.6C486.7 589.9 489 584 491 578.2L493.1 572.3 495.5 565 500.8 570.6C503.1 573 504.7 574.7 506.3 576.3 513 582.9 519.9 589.2 527.1 595.1L532.6 599.5 539.8 605.2 530.9 607.6ZM631.5 628.4L629.7 629.8C623.5 634.5 606.6 630.4 586 620.2L583.6 619 568.4 611.2 585.5 610.2C604 609.2 618.7 611.1 626.3 616.1 630 618.5 631.4 621 631.5 624.9V626.2L631.5 628.4Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-pdf" + ] + }, + { + "uid": "9d0b9d0d916d3b205cc00146ebeeaea7", + "css": "jumbo-attachment-patch", + "code": 59657, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM592 425.3C575.7 409 549.3 409 533 425.3L326.8 631.5C310.5 647.8 310.5 674.2 326.8 690.5L415.2 778.8C431.5 795.1 457.8 795.1 474.1 778.8L680.3 572.6C696.6 556.3 696.6 529.9 680.3 513.7L592 425.3ZM485.2 546.8C493.3 538.7 506.5 538.7 514.6 546.8S522.8 568.2 514.6 576.3 493.3 584.4 485.2 576.3 477 555 485.2 546.8ZM448.3 583.7C456.5 575.5 469.7 575.5 477.8 583.7S485.9 605 477.8 613.1 456.5 621.3 448.3 613.1 440.2 591.8 448.3 583.7ZM444.7 749.4L356.3 661 415.2 602.1 503.5 690.5 444.7 749.4ZM522 657.3C513.9 665.5 500.7 665.5 492.5 657.3S484.4 636 492.5 627.9 513.9 619.7 522 627.9 530.1 649.2 522 657.3ZM558.8 620.5C550.7 628.6 537.5 628.6 529.4 620.5S521.3 599.2 529.4 591 550.7 582.9 558.8 591C567 599.2 567 612.3 558.8 620.5ZM592 602.1L503.6 513.7 562.5 454.7 650.9 543.1 592 602.1Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-patch" + ] + }, + { + "uid": "25822dfe253db2c8ce01d0cbd9a6ddd7", + "css": "jumbo-attachment-image", + "code": 59653, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM395.8 583.3C430.3 583.3 458.3 555.3 458.3 520.8S430.3 458.3 395.8 458.3 333.3 486.4 333.3 520.8 361.4 583.3 395.8 583.3ZM395.8 500C407.3 500 416.7 509.3 416.7 520.8S407.3 541.7 395.8 541.7 375 532.3 375 520.8 384.3 500 395.8 500ZM581.8 539.5C577.7 531.5 569.9 526.2 560.9 525.5 552 524.7 543.4 528.5 537.9 535.6L471.7 622.9 444.6 604.2C432.9 596.1 417.1 598.7 408.7 610.3L322.5 729.5C316.7 737.5 315.9 747.8 320.3 756.6 324.8 765.4 333.7 770.8 343.5 770.8H658.1C667.3 770.8 675.6 766.2 680.4 758.3S685.5 741 681.3 732.9L581.8 539.5ZM374.1 729.2L433.5 647.1 463 667.5C473 674.4 486.5 672.3 493.7 662.6L556.1 580.5 632.5 729.1 374.1 729.2 374.1 729.2Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-image" + ] + }, + { + "uid": "dab8ecf51280c40a8e41747c00a0c2f5", + "css": "jumbo-attachment-generic", + "code": 59656, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM629.6 582.3C625.5 578.3 619 578.3 614.9 582.3L491.5 705.7C482.8 714.4 472.6 720.3 460.9 723.3 449.1 726.4 437.4 726.4 425.6 723.3 413.9 720.3 403.8 714.4 395 705.7S380.5 686.8 377.5 675.1C374.4 663.3 374.4 651.6 377.5 639.8 380.5 628.1 386.3 618 395 609.3L534.3 470C539.4 464.9 545.3 461.5 552 459.9L552.1 459.9C559.1 458 566 458 572.8 459.6 579.8 461.5 585.8 464.9 590.9 470S599.4 481.1 601 487.8L601.1 487.9C602.9 494.9 602.9 501.8 601.1 508.8L601 508.9C599.4 515.6 596.1 521.5 590.9 526.7L465 652.7C462.6 655.1 459.8 656.3 456.3 656.3 453.2 656.3 450.6 655.2 448 652.7 445.6 650.2 444.4 647.5 444.2 644.2 444.4 641 445.6 638.2 448 635.8L558.2 525.6C562.3 521.5 562.3 515 558.2 510.9L543.4 496.1C539.3 492 532.8 492 528.7 496.1L418.6 606.3C411.8 613.1 407 621.3 404.6 630.5L404.6 630.7C402.4 639.7 402.4 648.7 404.6 657.8L404.6 657.8C407 667.1 411.7 675.3 418.6 682.1 425.4 689 433.5 693.6 442.7 695.8 451.8 698.2 461 698.3 470.1 696.1L470.2 696.1C479.5 693.7 487.6 689 494.5 682.1L620.4 556.2C631 545.6 638 533.3 641.5 519.4 645.2 505.4 645.2 491.3 641.5 477.3 637.9 463.2 630.8 450.9 620.4 440.5S597.8 423.1 583.7 419.4C569.7 415.8 555.6 415.8 541.6 419.4 527.6 422.9 515.3 430 504.8 440.5L365.6 579.8C351.5 593.8 342 610.4 337 629.3 332.2 648 332.2 666.9 337 685.7 342 704.6 351.5 721.1 365.6 735.2 379.7 749.3 396.2 758.8 415.1 763.7 433.9 768.6 452.7 768.6 471.5 763.7 490.4 758.8 507 749.3 521 735.2L644.4 611.8C648.5 607.7 648.5 601.2 644.4 597.1L629.6 582.3Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-generic" + ] + }, + { + "uid": "873845f7048ad7a9f87b1a53aa1fcfe1", + "css": "jumbo-attachment-excel", + "code": 59650, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM618.6 479.2H557.5L500.9 569.1 443.2 479.2H380.7L463.7 600.3 375 729.2H435.8L498 634.6 560.2 729.2H625L534.6 603.1 618.6 479.2Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-excel" + ] + }, + { + "uid": "af5154ab0cf1c0198f21e94310cdf89a", + "css": "jumbo-attachment-code", + "code": 59659, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM589 523.4C585 519.8 578.8 520 575.2 523.9L559.5 540.4C557.6 542.3 556.7 544.8 556.8 547.5 556.9 550.1 558 552.6 560.1 554.4L617 604.1 560.1 653.7C558 655.5 556.9 658 556.8 660.7 556.6 663.3 557.6 665.9 559.5 667.9L575.2 684.5C577.2 686.5 579.8 687.5 582.4 687.5 584.8 687.5 587.2 686.6 589 684.9L668.7 611.3C670.7 609.5 671.9 606.8 671.9 604.2S670.7 598.9 668.7 597L589 523.4ZM443.3 660.8C443.2 658.2 442 655.6 440 653.8L383 604.2 439.9 554.5C442 552.8 443.1 550.3 443.2 547.6 443.4 545 442.4 542.3 440.6 540.4L424.8 523.9C421.1 520 414.9 519.8 411 523.4L331.3 597C329.3 598.9 328.1 601.5 328.1 604.2S329.3 609.5 331.3 611.3L411 684.9C412.9 686.6 415.3 687.5 417.7 687.5 420.2 687.5 422.8 686.5 424.8 684.5L440.6 667.9C442.5 666 443.4 663.5 443.3 660.8ZM560.6 464.6C559.3 462.3 557.2 460.7 554.7 460L532.2 453.5C526.9 452 521.5 455 520 460.2L438.5 736.3C437.8 738.8 438.1 741.4 439.4 743.7 440.7 746 442.7 747.7 445.3 748.4L467.7 754.8H467.8C468.7 755 469.6 755.2 470.5 755.2 474.7 755.2 478.7 752.4 479.9 748.1L561.4 472C562.2 469.5 561.9 466.9 560.6 464.6Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-code" + ] + }, + { + "uid": "7da61ece59a065f9bae59f7753c4accc", + "css": "jumbo-attachment-audio", + "code": 59655, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2 185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V833.3ZM515.7 477L440.2 541.7H355.2L333.3 542.7V686.5L334.4 708.3H440.2L505.6 764.4 516.9 773.2 541.7 761V502.3L541 488 515.7 477ZM500 704.7L455.6 666.7H375V583.3H455.6L500 545.3V704.7ZM639.8 528.2C633 523.5 624.1 525.7 619.8 533 615.6 540.3 617.5 550 624.3 554.6 648.2 571 662.5 598.9 662.5 629.2 662.5 659.5 648.2 687.4 624.3 703.8 617.5 708.5 615.5 718.1 619.8 725.4 623.8 732.1 632.5 735.2 639.8 730.2 672.1 708 691.5 670.3 691.5 629.2 691.5 588.1 672.2 550.3 639.8 528.2ZM606.1 579.1C599.1 575 590.3 577.7 586.5 585.3 582.8 592.5 584.9 601.4 591.1 605.9L592.1 606.5C599.9 611.2 604.7 619.8 604.7 629.2 604.7 638 600.5 646.3 593.5 651L592.2 651.9C585.2 656 582.6 665.5 586.5 673.1 590.3 680.7 599.1 683.4 606.1 679.3 623.1 669.2 633.7 650 633.7 629.3 633.7 608.4 623.1 589.3 606.1 579.1Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-audio" + ] + }, + { + "uid": "a619340083c266f025b656e99dcfd882", + "css": "notebook-outline", + "code": 986815, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M708.3 166.7V416.7L625 333.3 541.7 416.7V166.7H375V833.3H791.7V166.7H708.3M125 291.7V208.3H208.3V166.7C208.3 120.4 245.8 83.3 291.7 83.3H791.7C835.4 83.3 875 122.9 875 166.7V833.3C875 877.1 835.4 916.7 791.7 916.7H291.7C247.9 916.7 208.3 877.1 208.3 833.3V791.7H125V708.3H208.3V541.7H125V458.3H208.3V291.7H125M208.3 208.3V291.7H291.7V208.3H208.3M208.3 791.7H291.7V708.3H208.3V791.7M208.3 541.7H291.7V458.3H208.3V541.7Z", + "width": 1000 + }, + "search": [ + "notebook-outline" + ] + }, + { + "uid": "9291816f13c1dd1451704904cf5f2473", + "css": "format-bold", + "code": 62052, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M650 449.6C690.4 421.7 718.8 375.8 718.8 333.3 718.8 239.2 645.8 166.7 552.1 166.7H291.7V750H585C672.1 750 739.6 679.2 739.6 592.1 739.6 528.8 703.8 474.6 650 449.6ZM416.7 270.8H541.7C576.3 270.8 604.2 298.8 604.2 333.3S576.3 395.8 541.7 395.8H416.7V270.8ZM562.5 645.8H416.7V520.8H562.5C597.1 520.8 625 548.8 625 583.3S597.1 645.8 562.5 645.8Z", + "width": 1000 + }, + "search": [ + "format-bold" + ] + }, + { + "uid": "71980719c7e6a33fedc9c2726da43744", + "css": "format-italic", + "code": 62071, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M416.7 166.7V291.7H508.8L366.3 625H250V750H583.3V625H491.2L633.7 291.7H750V166.7Z", + "width": 1000 + }, + "search": [ + "format-italic" + ] + }, + { + "uid": "6af972241c6a9fda8eb9c4df25884176", + "css": "settings-outline", + "code": 63674, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M809.6 540.8C811.2 527.5 812.5 514.2 812.5 500 812.5 485.8 811.2 472.5 809.6 459.2L897.5 390.4C905.4 384.2 907.5 372.9 902.5 363.7L819.2 219.6C815.4 212.9 808.3 209.2 800.8 209.2 798.3 209.2 795.8 209.6 793.7 210.4L690 252.1C668.3 235.4 645 221.7 619.6 211.2L603.7 100.8C602.5 90.8 593.8 83.3 583.3 83.3H416.7C406.3 83.3 397.5 90.8 396.2 100.8L380.4 211.3C355 221.7 331.7 235.8 310 252.1L206.2 210.4C203.7 209.6 201.2 209.2 198.7 209.2 191.7 209.2 184.6 212.9 180.8 219.6L97.5 363.8C92.1 372.9 94.6 384.2 102.5 390.4L190.4 459.2C188.8 472.5 187.5 486.3 187.5 500 187.5 513.8 188.8 527.5 190.4 540.8L102.5 609.6C94.6 615.8 92.5 627.1 97.5 636.3L180.8 780.4C184.6 787.1 191.7 790.8 199.2 790.8 201.7 790.8 204.2 790.4 206.3 789.6L310 747.9C331.7 764.6 355 778.3 380.4 788.8L396.3 899.2C397.5 909.2 406.3 916.7 416.7 916.7H583.3C593.8 916.7 602.5 909.2 603.8 899.2L619.6 788.8C645 778.3 668.3 764.2 690 747.9L793.8 789.6C796.3 790.4 798.8 790.8 801.3 790.8 808.3 790.8 815.4 787.1 819.2 780.4L902.5 636.3C907.5 627.1 905.4 615.8 897.5 609.6L809.6 540.8ZM727.1 469.6C728.7 482.5 729.2 491.2 729.2 500 729.2 508.8 728.3 517.9 727.1 530.4L721.2 577.5 758.3 606.7 803.3 641.7 774.2 692.1 721.3 670.8 677.9 653.3 640.4 681.7C622.5 695 605.4 705 588.3 712.1L544.2 730 537.5 777.1 529.2 833.3H470.8L462.9 777.1 456.3 730 412.1 712.1C394.2 704.6 377.5 695 360.8 682.5L322.9 653.3 278.8 671.2 225.8 692.5 196.7 642.1 241.7 607.1 278.8 577.9 272.9 530.8C271.7 517.9 270.8 508.3 270.8 500S271.7 482.1 272.9 469.6L278.8 422.5 241.7 393.3 196.7 358.3 225.8 307.9 278.8 329.2 322.1 346.7 359.6 318.3C377.5 305 394.6 295 411.7 287.9L455.8 270 462.5 222.9 470.8 166.7H528.8L536.7 222.9 543.3 270 587.5 287.9C605.4 295.4 622.1 305 638.8 317.5L676.7 346.7 720.8 328.8 773.8 307.5 802.9 357.9 758.3 393.3 721.2 422.5 727.1 469.6ZM500 333.3C407.9 333.3 333.3 407.9 333.3 500S407.9 666.7 500 666.7 666.7 592.1 666.7 500 592.1 333.3 500 333.3ZM500 583.3C454.2 583.3 416.7 545.8 416.7 500S454.2 416.7 500 416.7 583.3 454.2 583.3 500 545.8 583.3 500 583.3Z", + "width": 1000 + }, + "search": [ + "settings-outline" + ] + }, + { + "uid": "64ff323ed60fe7eb9ba0f55144221e62", + "css": "format-clear", + "code": 62053, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M136.3 208.3L83.3 261.2 373.7 551.7 270.8 791.7H395.8L461.3 639.2 697.1 875 750 822.1 147.9 219.6 136.3 208.3ZM250 208.3V215.8L367.5 333.3H467.5L437.5 403.3 525 490.8 592.1 333.3H833.3V208.3H250Z", + "width": 1000 + }, + "search": [ + "format-clear" + ] + }, + { + "uid": "bc183a7179f48b00d39bf9179f86f311", + "css": "arrow-forward-ios", + "code": 59410, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M245 171.7L573.3 500 245 828.3 333.3 916.7 750 500 333.3 83.3Z", + "width": 1000 + }, + "search": [ + "arrow-forward-ios" + ] + }, + { + "uid": "244e6316a385fa3a994977a55c6f1f04", + "css": "calendar-outline", + "code": 985959, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 125H750V41.7H666.7V125H333.3V41.7H250V125H208.3C162.1 125 125 162.5 125 208.3V791.7C125 837.5 162.1 875 208.3 875H791.7C837.5 875 875 837.5 875 791.7V208.3C875 162.5 837.5 125 791.7 125ZM791.7 791.7H208.3V375H791.7V791.7ZM791.7 291.7H208.3V208.3H791.7V291.7ZM291.7 458.3H500V666.7H291.7Z", + "width": 1000 + }, + "search": [ + "calendar-outline" + ] + }, + { + "uid": "c63cebbe93446b8dec9e110363d10dfa", + "css": "arrow-back-ios", + "code": 59409, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M770.8 162.5L695.8 87.5 283.3 500 695.8 912.5 770.8 837.5 433.3 500 770.8 162.5ZM750 158.3L675 83.3 250 500 675 916.7 750 841.7 400 500 750 158.3Z", + "width": 1000 + }, + "search": [ + "arrow-back-ios" + ] + }, + { + "uid": "ee34ae4f59e81d7135c56720366623f8", + "css": "bookmark-outline", + "code": 983235, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M708.3 750L500 659.2 291.7 750V208.3H708.3M708.3 125H291.7C245.6 125 208.3 162.3 208.3 208.3V875L500 750 791.7 875V208.3C791.7 162.1 754.2 125 708.3 125Z", + "width": 1000 + }, + "search": [ + "bookmark-outline" + ] + }, + { + "uid": "b6c0561833ffa15ac13d069e02362c92", + "css": "exit-to-app", + "code": 983558, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M791.7 125H208.3C162.1 125 125 162.1 125 208.3V375H208.3V208.3H791.7V791.7H208.3V625H125V791.7C125 837.7 162.3 875 208.3 875H791.7C837.7 875 875 837.7 875 791.7V208.3C875 162.1 837.5 125 791.7 125M420 649.2L479.2 708.3 687.5 500 479.2 291.7 420 350.4 527.9 458.3H125V541.7H527.9L420 649.2Z", + "width": 1000 + }, + "search": [ + "exit-to-app" + ] + }, + { + "uid": "53fcef53c4645c23fefda48a196a34df", + "css": "star-outline", + "code": 62674, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 235.1L559 374.1 576.2 414.5 619.9 418.3 770.7 431.3 656 530.6 622.7 559.5 632.7 602.3 667 749.5 537.6 671.4 500 648.7 462.3 671.4 332.7 749.7 366.9 602.2 376.8 559.5 343.6 530.7 229.1 431.3 380.2 418.3 423.9 414.5 441 374.1 500 235.1M500 83.3C491.7 83.3 483.3 87.9 479.5 97L373.9 345.6 103.8 368.9C84.1 370.6 76.2 395.1 91 408L295.8 585.7 234.6 849.8C231.1 864.7 243 877.2 256.3 877.2 260.2 877.2 264.1 876.2 267.9 874L500 733.8 732.1 873.9C735.8 876.1 739.8 877.2 743.6 877.2 757 877.2 768.9 864.7 765.4 849.7L703.8 585.8 909 408.1C923.9 395.1 915.9 370.7 896.2 369L626.2 345.7 520.6 97C516.7 87.9 508.4 83.3 500 83.3L500 83.3Z", + "width": 1000 + }, + "search": [ + "star-outline" + ] + }, + { + "uid": "379eb917efc6438f04f6a267c6ab6d2f", + "css": "star", + "code": 62670, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 733.8L732.1 873.9C749 884.1 769.9 868.9 765.4 849.7L703.8 585.8 909 408.1C923.9 395.1 915.9 370.7 896.2 369L626.2 345.7 520.6 97C512.9 78.8 487.2 78.8 479.5 97L373.9 345.6 103.8 368.9C84.1 370.6 76.2 395.1 91.1 408L295.8 585.7 234.6 849.8C230.1 869 251 884.2 267.9 873.9L500 733.8Z", + "width": 1000 + }, + "search": [ + "star" + ] + }, + { + "uid": "a6596e251dfe137c22f3521e4cf5c8c8", + "css": "menu", + "code": 62300, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 250H875V333.3H125V250M125 458.3H875V541.7H125V458.3M125 666.7H875V750H125V666.7Z", + "width": 1000 + }, + "search": [ + "menu" + ] + }, + { + "uid": "c397cf6997660f6246e6635755072bb5", + "css": "menu-variant", + "code": 59412, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M125 208.3H875V291.7H125V208.3ZM125 458.3H666.7V541.7H125V458.3ZM125 708.3H875V791.7H125V708.3Z", + "width": 1000 + }, + "search": [ + "menu-variant" + ] + }, + { + "uid": "dcde512499d92929a17138f70a51e0a7", + "css": "pause", + "code": 984036, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 791.7H750V208.3H583.3M250 791.7H416.7V208.3H250V791.7Z", + "width": 1000 + }, + "search": [ + "pause" + ] + }, + { + "uid": "038b83facc9c94a2fc81843e4ef41748", + "css": "play", + "code": 984074, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M333.3 214.2V797.5L791.7 505.8 333.3 214.2Z", + "width": 1000 + }, + "search": [ + "play" + ] + }, + { + "uid": "596457a72fa9f7794a8340eb28972819", + "css": "eye-off-outline", + "code": 984785, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M83.3 219.6L136.7 166.7 833.3 863.3 780.4 916.7 652.1 788.3C604.2 804.2 553.3 812.5 500 812.5 291.7 812.5 113.7 682.9 41.7 500 70.4 426.7 116.3 362.1 174.6 310.8L83.3 219.6M500 375A125 125 0 0 1 625 500C625 514.6 622.5 528.8 617.9 541.7L458.3 382.1C471.3 377.5 485.4 375 500 375M500 187.5C708.3 187.5 886.2 317.1 958.3 500 924.2 586.7 866.2 661.7 791.7 716.3L732.5 656.7C789.2 617.5 835.8 564.2 867.5 500 798.8 360 656.7 270.8 500 270.8 454.6 270.8 410 278.3 368.3 291.7L304.2 227.9C364.2 202.1 430.4 187.5 500 187.5M132.5 500C201.3 640 343.3 729.2 500 729.2 528.8 729.2 557.1 726.3 583.3 720.4L488.3 625C428.7 618.8 381.3 571.3 375 511.7L233.3 369.6C192.1 405 157.5 449.2 132.5 500Z", + "width": 1000 + }, + "search": [ + "eye-off-outline" + ] + }, + { + "uid": "963a1db1a3b6e872eda1cff972b7b438", + "css": "help-circle-outline", + "code": 984613, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M458.3 750H541.7V666.7H458.3V750M500 83.3A416.7 416.7 0 0 0 83.3 500 416.7 416.7 0 0 0 500 916.7 416.7 416.7 0 0 0 916.7 500 416.7 416.7 0 0 0 500 83.3M500 833.3C316.3 833.3 166.7 683.8 166.7 500 166.7 316.3 316.3 166.7 500 166.7 683.8 166.7 833.3 316.3 833.3 500 833.3 683.8 683.8 833.3 500 833.3M500 250A166.7 166.7 0 0 0 333.3 416.7H416.7A83.3 83.3 0 0 1 500 333.3 83.3 83.3 0 0 1 583.3 416.7C583.3 500 458.3 489.6 458.3 625H541.7C541.7 531.3 666.7 520.8 666.7 416.7A166.7 166.7 0 0 0 500 250Z", + "width": 1000 + }, + "search": [ + "help-circle-outline" + ] + }, + { + "uid": "9d958ebe4539733d6eb5ab729631ad92", + "css": "check-circle-outline", + "code": 984545, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M500 83.3C270.8 83.3 83.3 270.8 83.3 500S270.8 916.7 500 916.7 916.7 729.2 916.7 500 729.2 83.3 500 83.3M500 833.3C316.3 833.3 166.7 683.8 166.7 500S316.3 166.7 500 166.7 833.3 316.3 833.3 500 683.8 833.3 500 833.3M691.3 315.8L416.7 590.4 308.8 482.9 250 541.7 416.7 708.3 750 375 691.3 315.8Z", + "width": 1000 + }, + "search": [ + "check-circle-outline" + ] + }, + { + "uid": "9186be2dfd07db392758e4f6e73ae594", + "css": "slash-forward", + "code": 987103, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M291.7 875L620.8 125H708.3L379.2 875H291.7Z", + "width": 1000 + }, + "search": [ + "slash-forward" + ] + }, + { + "uid": "c9c6f49fb0549ab35372bad477b60802", + "css": "message-minus-outline", + "code": 987503, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 83.3H166.7C120.8 83.3 83.3 120.8 83.3 166.7V916.7L250 750H833.3C879.6 750 916.7 712.9 916.7 666.7V166.7C916.7 120.8 879.6 83.3 833.3 83.3M833.3 666.7H250L166.7 750V166.7H833.3M333.3 375V458.3H666.7V375H333.3Z", + "width": 1000 + }, + "search": [ + "message-minus-outline" + ] + }, + { + "uid": "7e659813f397371f71fef137ec56fca8", + "css": "message-plus-outline", + "code": 987323, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 83.3H166.7C120.8 83.3 83.3 120.8 83.3 166.7V916.7L250 750H833.3C879.2 750 916.7 712.5 916.7 666.7V166.7C916.7 120.8 879.2 83.3 833.3 83.3M833.3 666.7H250L166.7 750V166.7H833.3M666.7 375V458.3H541.7V583.3H458.3V458.3H333.3V375H458.3V250H541.7V375H666.7Z", + "width": 1000 + }, + "search": [ + "message-plus-outline" + ] + }, + { + "uid": "93c8aee6ec3b0ca8d0eace3c7ad933aa", + "css": "message-text-outline", + "code": 983914, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 83.3A83.3 83.3 0 0 1 916.7 166.7V666.7A83.3 83.3 0 0 1 833.3 750H250L83.3 916.7V166.7C83.3 120.4 120.8 83.3 166.7 83.3H833.3M166.7 166.7V715.4L215.4 666.7H833.3V166.7H166.7M250 291.7H750V375H250V291.7M250 458.3H625V541.7H250V458.3Z", + "width": 1000 + }, + "search": [ + "message-text-outline" + ] + }, + { + "uid": "bd3a73710ea69d5ec10d3748a82bad26", + "css": "playlist-check", + "code": 984519, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M583.3 416.7H83.3V500H583.3V416.7M583.3 250H83.3V333.3H583.3V250M83.3 666.7H416.7V583.3H83.3V666.7M895.8 479.2L958.3 541.7 666.7 833.3 479.2 645.8 541.7 583.3 666.7 708.3 895.8 479.2Z", + "width": 1000 + }, + "search": [ + "playlist-check" + ] + }, + { + "uid": "797fc1a8b3ab329d24dd8b6ad7292059", + "css": "credit-card-outline", + "code": 983451, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 333.3H166.7V250H833.3M833.3 750H166.7V500H833.3M833.3 166.7H166.7C120.4 166.7 83.3 203.7 83.3 250V750A83.3 83.3 0 0 0 166.7 833.3H833.3A83.3 83.3 0 0 0 916.7 750V250C916.7 203.7 879.2 166.7 833.3 166.7Z", + "width": 1000 + }, + "search": [ + "credit-card-outline" + ] + }, + { + "uid": "bd24766e165332d2317494397350813e", + "css": "message-check", + "code": 59413, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 83.3H166.7C120.6 83.3 83.3 120.6 83.3 166.7V916.7L250 750H833.3C879.4 750 916.7 712.7 916.7 666.7V166.7C916.7 120.4 879.2 83.3 833.3 83.3ZM687.5 333.3L458.3 562.5 312.5 416.7 371.3 357.9 458.3 444.6 628.8 274.6 687.5 333.3Z", + "width": 1000 + }, + "search": [ + "message-check" + ] + }, + { + "uid": "3f6b3c0e697d12fbbcb11af299caca51", + "css": "airplane-variant", + "code": 59414, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M803.9 196.1C786.8 179 755.6 177.5 736.9 196.1 723.3 209.7 707.5 225.7 690.6 242.8L687.7 245.7C669.8 263.9 650.9 283 632.7 301.2L617 316.9 304.5 254.4 266.1 292.8 557.8 376.1 325.3 608.6 242 587.8 200.2 629.5 324 675.9 370.4 799.7 412.2 758 391.3 674.6 623.8 442.1 707.2 733.8 745.5 695.5 683 383 802.9 263C809.9 256.1 815.1 243.8 815.3 229.2 815.5 214.5 810.5 202.7 803.9 196.1ZM678 137.2C731.6 83.6 815.6 90 862.8 137.2 888.3 162.8 899 197.8 898.7 230 898.4 262.3 887.1 296.9 861.9 322L773.5 410.4 830.5 695.6C834 712.7 828.6 730.3 816.3 742.6L728.6 830.3C700.5 858.4 652.6 846 641.7 807.8L582.7 601.3 483.7 700.3 497.3 755C501.8 772.7 496.6 791.5 483.6 804.4L395.1 893C368.3 919.8 322.8 909.9 309.5 874.4L259.3 740.6 125.5 690.5C90.1 677.2 80.2 631.7 107 604.9L195.5 516.3C208.5 503.4 227.2 498.2 245 502.6L299.7 516.3 398.7 417.3 192.2 358.3C154 347.4 141.6 299.5 169.7 271.4L257.4 183.7C269.7 171.4 287.3 166 304.4 169.5L589.5 226.5C602.5 213.4 615.7 200.1 628.4 187.2L631.5 184.1C648.2 167.2 664.2 151 678 137.2Z", + "width": 1000 + }, + "search": [ + "airplane-variant" + ] + }, + { + "uid": "1f9488ea8d760ed22e16d588d18da3ad", + "css": "basketball", + "code": 59417, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M915 532.5C916 521.8 916.7 511 916.7 500 916.7 493.3 916 486.8 915.7 480.2L915.7 480.2C905.2 259.7 723 83.3 500 83.3 270.3 83.3 83.3 270.3 83.3 500 83.3 723.1 259.7 905.2 480.2 915.7L480.2 915.7C486.8 916 493.3 916.7 500 916.7 511 916.7 521.8 916 532.6 915 736.3 899.1 899.1 736.3 915 532.5ZM483.3 840C411.1 836.5 344.8 810.6 291.2 768.9L502.9 557.2 575.5 629.8C526.7 688.4 494 760.8 483.3 840ZM629.4 683.7L712.1 766.4C668.9 800.9 617.2 825 560.6 835.2 570.8 778.6 595 726.9 629.4 683.7ZM689 625.4C731.1 593.1 780.9 570.4 835.1 560.6 825.3 614.9 802.6 664.7 770.3 706.8L689 625.4ZM840 483.3C763.1 493.7 692.7 524.9 635 571.4L561.9 498.2 768.9 291.2C810.6 344.9 836.5 411.2 840 483.3ZM293.2 229.6C341.6 192.5 400.1 167.7 463.9 161 457.2 224.9 432.5 283.3 395.4 331.8L293.2 229.6ZM539.8 161.6C603.7 169.1 662 194.3 710.2 232.2L502.9 439.4 449.4 385.8C499.8 323.3 532.4 246.1 539.8 161.6ZM233.6 287.8L337.1 391.4C287.7 430.8 227.2 456.9 161 463.9 168 397.7 194.2 337.2 233.6 287.8ZM161.6 539.8C248.4 532.2 327.7 498 391.1 445.3L444 498.3 232.1 710.1C194.3 662 169.1 603.7 161.6 539.8Z", + "width": 1000 + }, + "search": [ + "basketball" + ] + }, + { + "uid": "4d92227b86aea0d384cb585ff3c969d1", + "css": "food-apple", + "code": 59415, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M779.2 83.3C695.8 83.3 620.8 95.8 558.3 133.3 529.2 150 508.3 170.8 491.7 200 487.5 195.8 483.3 191.7 479.2 187.5 445.8 154.2 404.2 125 366.7 108.3 345.8 100 320.8 112.5 316.7 133.3 308.3 154.2 320.8 179.2 341.7 183.3 366.7 191.7 395.8 212.5 420.8 237.5 433.3 250 441.7 262.5 445.8 270.8 375 262.5 304.2 266.7 245.8 300 162.5 341.7 116.7 429.2 125 545.8 137.5 670.8 183.3 762.5 250 825 320.8 887.5 408.3 916.7 500 916.7 666.7 916.7 850 795.8 875 545.8 887.5 429.2 837.5 341.7 762.5 295.8 804.2 250 829.2 191.7 833.3 137.5 833.3 108.3 808.3 83.3 779.2 83.3ZM741.7 166.7C733.3 195.8 712.5 229.2 683.3 254.2 650 283.3 604.2 304.2 541.7 295.8 550 245.8 570.8 220.8 600 200 637.5 183.3 683.3 170.8 741.7 166.7ZM500 375C570.8 387.5 637.5 379.2 687.5 354.2 745.8 370.8 800 433.3 791.7 537.5 770.8 745.8 625 833.3 500 833.3 425 833.3 358.3 808.3 308.3 762.5 258.3 716.7 220.8 641.7 208.3 537.5 200 450 233.3 400 283.3 375 333.3 350 408.3 345.8 487.5 375 491.7 375 495.8 375 495.8 379.2 495.8 375 500 375 500 375Z", + "width": 1000 + }, + "search": [ + "food-apple" + ] + }, + { + "uid": "68e67cc9deff4b109749256b32a2e711", + "css": "leaf-outline", + "code": 59416, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M241.7 779.2C358.3 875 550 887.5 675 762.5 737.5 700 791.7 587.5 825 475 862.5 362.5 887.5 245.8 891.7 170.8 895.8 125 850 104.2 816.7 120.8 783.3 137.5 737.5 150 687.5 158.3 662.5 162.5 633.3 166.7 608.3 175L608.3 175C579.2 179.2 554.2 183.3 525 191.7 408.3 208.3 283.3 241.7 200 325 83.3 441.7 104.2 600 179.2 712.5 175 725 166.7 737.5 162.5 750 150 779.2 141.7 800 137.5 816.7 133.3 825 129.2 833.3 125 841.7 116.7 862.5 133.3 887.5 154.2 891.7 175 900 200 883.3 204.2 862.5L204.2 862.5 204.2 862.5C204.2 862.5 204.2 858.3 204.2 858.3 204.2 854.2 208.3 850 208.3 841.7 212.5 825 220.8 804.2 233.3 779.2 237.5 779.2 241.7 779.2 241.7 779.2ZM745.8 445.8C708.3 554.2 662.5 650 616.7 700 516.7 800 362.5 783.3 279.2 700 295.8 670.8 316.7 637.5 341.7 608.3 387.5 550 462.5 495.8 529.2 454.2 562.5 433.3 587.5 416.7 608.3 404.2 616.7 400 625 395.8 633.3 391.7 637.5 391.7 637.5 387.5 641.7 387.5L641.7 387.5 641.7 387.5 641.7 387.5C662.5 379.2 670.8 354.2 658.3 333.3 650 312.5 625 304.2 604.2 316.7 591.7 320.8 579.2 329.2 566.7 337.5 545.8 350 516.7 366.7 483.3 387.5 416.7 429.2 333.3 491.7 279.2 558.3 258.3 583.3 241.7 608.3 225 629.2 183.3 550 187.5 454.2 254.2 383.3 316.7 320.8 420.8 291.7 533.3 266.7 562.5 262.5 587.5 254.2 616.7 250L616.7 250C645.8 245.8 670.8 241.7 700 233.3 733.3 225 766.7 216.7 800 208.3 795.8 279.2 775 362.5 745.8 445.8Z", + "width": 1000 + }, + "search": [ + "leaf-outline" + ] + }, + { + "uid": "62e1d2c5bf9f847a84c4d5fd5512d13a", + "css": "emoticon-custom-outline", + "code": 59418, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M875 241.7C875 237.5 875 233.3 875 229.2 875 225 875 216.7 875 212.5L912.5 183.3C912.5 183.3 912.5 179.2 912.5 179.2L883.3 129.2C883.3 129.2 879.2 125 879.2 129.2L837.5 145.8C829.2 141.7 820.8 133.3 812.5 133.3L804.2 87.5C804.2 87.5 804.2 83.3 800 83.3H745.8C745.8 83.3 741.7 83.3 741.7 87.5L733.3 133.3C725 137.5 716.7 141.7 708.3 145.8L666.7 129.2C666.7 129.2 662.5 129.2 662.5 129.2L633.3 179.2C633.3 179.2 633.3 183.3 633.3 183.3L666.7 216.7C666.7 220.8 666.7 229.2 666.7 233.3 666.7 237.5 666.7 241.7 666.7 245.8L629.2 275C629.2 275 629.2 279.2 629.2 279.2L658.3 329.2C658.3 329.2 662.5 333.3 662.5 329.2L704.2 312.5C712.5 316.7 720.8 320.8 729.2 325L737.5 370.8C737.5 370.8 737.5 375 741.7 375H795.8C795.8 375 800 375 800 370.8L808.3 325C816.7 320.8 825 316.7 833.3 312.5L875 329.2C875 329.2 879.2 329.2 879.2 329.2L908.3 279.2C908.3 279.2 908.3 275 908.3 275L875 241.7ZM770.8 270.8C745.8 270.8 729.2 254.2 729.2 229.2 729.2 204.2 745.8 187.5 770.8 187.5 791.7 187.5 812.5 204.2 812.5 229.2 812.5 254.2 795.8 270.8 770.8 270.8ZM558.3 479.2C545.8 466.7 541.7 450 541.7 433.3 541.7 416.7 545.8 404.2 558.3 391.7 575 383.3 587.5 375 604.2 375 620.8 375 637.5 383.3 650 395.8 662.5 408.3 670.8 420.8 670.8 437.5 670.8 454.2 662.5 470.8 650 483.3 637.5 495.8 625 504.2 604.2 504.2 587.5 500 575 491.7 558.3 479.2ZM354.2 500C337.5 500 320.8 491.7 308.3 479.2 300 466.7 291.7 454.2 291.7 437.5 291.7 420.8 295.8 408.3 308.3 395.8 325 383.3 337.5 375 354.2 375 370.8 375 387.5 383.3 400 395.8 412.5 408.3 420.8 420.8 420.8 437.5 420.8 454.2 412.5 470.8 400 483.3 387.5 491.7 370.8 500 354.2 500ZM870.8 470.8C875 491.7 875 512.5 875 520.8 875 591.7 858.3 658.3 820.8 720.8 787.5 779.2 737.5 829.2 679.2 862.5 616.7 900 550 916.7 479.2 916.7 408.3 916.7 341.7 900 279.2 862.5 220.8 829.2 170.8 779.2 137.5 720.8 100 658.3 83.3 591.7 83.3 520.8 83.3 450 100 383.3 137.5 320.8 170.8 262.5 220.8 212.5 279.2 179.2 341.7 141.7 408.3 125 479.2 125 491.7 125 508.3 125 529.2 129.2 516.7 154.2 504.2 183.3 504.2 208.3 491.7 208.3 483.3 208.3 479.2 208.3 420.8 208.3 370.8 220.8 320.8 250 275 279.2 237.5 316.7 208.3 362.5 179.2 412.5 166.7 462.5 166.7 520.8S179.2 629.2 208.3 679.2C237.5 725 275 762.5 320.8 791.7 370.8 820.8 420.8 833.3 479.2 833.3 537.5 833.3 587.5 820.8 637.5 791.7 683.3 762.5 720.8 725 750 679.2 779.2 629.2 791.7 579.2 791.7 520.8 791.7 516.7 791.7 508.3 791.7 495.8 816.7 491.7 845.8 483.3 870.8 470.8ZM266.7 604.2H691.7C675 645.8 645.8 683.3 608.3 708.3 570.8 733.3 525 750 479.2 750 429.2 750 387.5 737.5 350 708.3 312.5 683.3 283.3 645.8 266.7 604.2Z", + "width": 1000 + }, + "search": [ + "emoticon-custom-outline" + ] + }, + { + "uid": "7735ba6665edb5acd008bdad17227208", + "css": "message-check-outline", + "code": 59419, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M833.3 83.3H166.7C120.8 83.3 83.3 120.8 83.3 166.7V916.7L250 750H833.3C879.6 750 916.7 712.9 916.7 666.7V166.7C916.7 120.8 879.6 83.3 833.3 83.3M833.3 666.7H250L166.7 750V166.7H833.3M687.5 333.3L458.3 562.5 312.5 416.7 371.3 357.9 458.3 444.6 628.8 274.6 687.5 333.3Z", + "width": 1000 + }, + "search": [ + "message-check-outline" + ] + }, + { + "uid": "63edbd67b24600de6cfc821088d6b804", + "css": "file-multiple-outline", + "code": 987186, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M666.7 0H333.3C287.5 0 250 37.5 250 83.3V750C250 795.8 287.5 833.3 333.3 833.3H833.3C879.2 833.3 916.7 795.8 916.7 750V250L666.7 0M833.3 750H333.3V83.3H625V291.7H833.3V750M166.7 166.7V916.7H833.3V1000H166.7C120.8 1000 83.3 962.5 83.3 916.7V166.7H166.7Z", + "width": 1000 + }, + "search": [ + "file-multiple-outline" + ] + }, + { + "uid": "86bed7e3f299d1022df18f695e7a5056", + "css": "arrow-expand-all", + "code": 983116, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M395.8 545.4L454.6 604.2 267.1 791.7H416.7V875H125V583.3H208.3V732.9L395.8 545.4M454.6 395.8L395.8 454.6 208.3 267.1V416.7H125V125H416.7V208.3H267.1L454.6 395.8M604.2 545.4L791.7 732.9V583.3H875V875H583.3V791.7H732.9L545.4 604.2 604.2 545.4M545.4 395.8L732.9 208.3H583.3V125H875V416.7H791.7V267.1L604.2 454.6 545.4 395.8Z", + "width": 1000 + }, + "search": [ + "arrow-expand-all" + ] + }, + { + "uid": "ec63140d49e288ece41283ef7aed7698", + "css": "arrow-right-bold-outline", + "code": 985538, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M458.3 666.7H125V333.3H458.3V83.3L875 500 458.3 916.7V666.7M541.7 291.7V416.7H208.3V583.3H541.7V708.3L750 500 541.7 291.7Z", + "width": 1000 + }, + "search": [ + "arrow-right-bold-outline" + ] + }, + { + "uid": "5f5241d5904689a49533520c258a4495", + "css": "jumbo-attachment-image-broken", + "code": 59660, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M703.7 588.4C699.8 584.4 694.5 582.2 688.9 582.2 688.9 582.2 688.9 582.2 688.8 582.2 683.3 582.2 678 584.4 674.1 588.3L561.1 701.3 449.7 589.8C441.6 581.7 428.4 581.7 420.3 589.8L311.5 698.6 202.2 589.4C196.3 583.5 187.3 581.7 179.5 584.9 171.7 588.1 166.7 595.8 166.7 604.2V637.1 688.1 833.3C166.7 879.3 204 916.7 250 916.7H750C796 916.7 833.3 879.3 833.3 833.3V729.2C833.3 723.7 831.2 718.5 827.4 714.6L703.7 588.4ZM791.7 833.3C791.7 856.3 773 875 750 875H250C227 875 208.3 856.3 208.3 833.3V654.5L296.7 742.8C304.8 751 318 751 326.2 742.8L435 634 546.4 745.5C554.2 753.3 568 753.3 575.8 745.5L688.6 632.6 791.7 737.7V833.3ZM750 83.3H414.5C398 83.3 382.4 89.7 370.6 101.3L185.2 284.2C173.5 296 166.7 312.2 166.7 328.7V437.5C166.7 443 168.9 448.3 172.8 452.2L296.7 576.2C304.8 584.3 318 584.3 326.2 576.2L435 467.4 546.4 578.8C550.3 582.7 555.6 584.9 561.1 584.9S572 582.7 575.9 578.8L688.7 466 797.6 577.1C803.6 583.2 812.5 585 820.4 581.8 828.2 578.6 833.3 571 833.3 562.5V533.5 166.7C833.3 120.7 796 83.3 750 83.3ZM375 155.6V312.5H216L375 155.6ZM791.7 511.5L703.7 421.7C699.8 417.8 694.5 415.5 688.9 415.5 688.9 415.5 688.9 415.5 688.8 415.5 683.3 415.5 678 417.7 674.1 421.6L561.1 534.6 449.7 423.2C441.6 415 428.4 415 420.3 423.2L311.5 532 208.3 428.9V388.7 354.2H375C398 354.2 416.7 335.5 416.7 312.5V125H750C773 125 791.7 143.7 791.7 166.7V511.5Z", + "width": 1000 + }, + "search": [ + "jumbo-attachment-image-broken" + ] + }, + { + "uid": "1bab542bd6e2a710e97751fb15dc47c8", + "css": "update", + "code": 984752, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M875 421.7H592.5L706.7 304.2C592.9 191.7 408.8 187.5 295 300 181.2 412.9 181.2 595 295 708.3 408.8 820.8 592.9 820.8 706.7 708.3 763.3 652.1 791.7 586.7 791.7 504.2H875C875 586.7 838.3 693.7 765 766.3 618.8 911.3 381.3 911.3 235 766.3 89.2 621.7 87.9 386.7 234.2 242.1 380.4 97.5 615 97.5 761.2 242.1L875 125V421.7M520.8 333.3V510.4L666.7 597.1 636.7 647.5 458.3 541.7V333.3H520.8Z", + "width": 1000 + }, + "search": [ + "update" + ] + }, + { + "uid": "16bb5ac55ab16e8d51fc346a6cd49d40", + "css": "image-broken-outline", + "code": 59420, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M571.1 512.2C554.9 496 528.5 496 512.2 512.2L416.7 607.8 321.1 512.2C304.9 496 278.5 496 262.2 512.2L125 649.4V791.7C125 837.7 162.3 875 208.3 875H791.7C837.7 875 875 837.7 875 791.7V459.8C875 437.5 848.1 426.4 832.3 442.1L666.7 607.8 571.1 512.2ZM791.7 600.6V791.7H208.3V683.9L291.7 600.6 387.2 696.1C403.5 712.4 429.8 712.4 446.1 696.1L541.7 600.6 637.2 696.1C645.3 704.3 656 708.3 666.7 708.3 677.3 708.3 688 704.3 696.1 696.1L791.7 600.6ZM791.7 125H208.3C162.3 125 125 162.3 125 208.3V440.9C125.1 440.9 125.2 440.9 125.2 440.8L125.1 499.4C125.1 521.3 151.6 532.3 167.1 516.8L291.7 392.2 387.2 487.8C403.5 504 429.9 504 446.1 487.8L541.7 392.2 637.2 487.8C645.3 495.9 656 500 666.7 500 677.3 500 688 495.9 696.1 487.8L875 308.9V208.3C875 162.3 837.7 125 791.7 125ZM791.7 274.4L666.7 399.4 571.1 303.9C554.8 287.6 528.5 287.6 512.2 303.9L416.7 399.4 321.1 303.9C304.8 287.6 278.5 287.6 262.2 303.9L208.3 357.8V208.3H791.7V274.4Z", + "width": 1000 + }, + "search": [ + "image-broken-outline" + ] + } + ] +} diff --git a/assets/base/i18n/en.json b/assets/base/i18n/en.json index 61071c2a4..111480740 100644 --- a/assets/base/i18n/en.json +++ b/assets/base/i18n/en.json @@ -383,15 +383,15 @@ "mobile.pinned_posts.empty_title": "No Pinned messages yet", "mobile.post_info.add_reaction": "Add Reaction", "mobile.post_info.copy_text": "Copy Text", - "mobile.post_info.flag": "Flag", + "mobile.post_info.flag": "Save", "mobile.post_info.mark_unread": "Mark as Unread", "mobile.post_info.pin": "Pin to Channel", "mobile.post_info.reply": "Reply", - "mobile.post_info.unflag": "Unflag", + "mobile.post_info.unflag": "Unsave", "mobile.post_info.unpin": "Unpin from Channel", - "mobile.post_pre_header.flagged": "Flagged", + "mobile.post_pre_header.flagged": "Saved", "mobile.post_pre_header.pinned": "Pinned", - "mobile.post_pre_header.pinned_flagged": "Pinned and Flagged", + "mobile.post_pre_header.pinned_flagged": "Pinned and Saved", "mobile.post_textbox.entire_channel.cancel": "Cancel", "mobile.post_textbox.entire_channel.confirm": "Confirm", "mobile.post_textbox.entire_channel.message": "By using @all or @channel you are about to send notifications to {totalMembers, number} {totalMembers, plural, one {person} other {people}}. Are you sure you want to do this?", diff --git a/assets/base/images/channel_info/pin.png b/assets/base/images/channel_info/pin.png deleted file mode 100644 index d2f9b6c73..000000000 Binary files a/assets/base/images/channel_info/pin.png and /dev/null differ diff --git a/assets/base/images/channel_info/pin@2x.png b/assets/base/images/channel_info/pin@2x.png deleted file mode 100644 index 9f2c96d73..000000000 Binary files a/assets/base/images/channel_info/pin@2x.png and /dev/null differ diff --git a/assets/base/images/channel_info/pin@3x.png b/assets/base/images/channel_info/pin@3x.png deleted file mode 100644 index 05c9a0fc2..000000000 Binary files a/assets/base/images/channel_info/pin@3x.png and /dev/null differ diff --git a/assets/base/images/icons/audio.png b/assets/base/images/icons/audio.png deleted file mode 100644 index dc4d3cb49..000000000 Binary files a/assets/base/images/icons/audio.png and /dev/null differ diff --git a/assets/base/images/icons/brokenimage.png b/assets/base/images/icons/brokenimage.png deleted file mode 100644 index df9d03bb2..000000000 Binary files a/assets/base/images/icons/brokenimage.png and /dev/null differ diff --git a/assets/base/images/icons/code.png b/assets/base/images/icons/code.png deleted file mode 100644 index 14c159dea..000000000 Binary files a/assets/base/images/icons/code.png and /dev/null differ diff --git a/assets/base/images/icons/excel.png b/assets/base/images/icons/excel.png deleted file mode 100755 index dfb83aceb..000000000 Binary files a/assets/base/images/icons/excel.png and /dev/null differ diff --git a/assets/base/images/icons/generic.png b/assets/base/images/icons/generic.png deleted file mode 100644 index d17636fcf..000000000 Binary files a/assets/base/images/icons/generic.png and /dev/null differ diff --git a/assets/base/images/icons/image.png b/assets/base/images/icons/image.png deleted file mode 100644 index 993621dc9..000000000 Binary files a/assets/base/images/icons/image.png and /dev/null differ diff --git a/assets/base/images/icons/patch.png b/assets/base/images/icons/patch.png deleted file mode 100755 index fdc66287a..000000000 Binary files a/assets/base/images/icons/patch.png and /dev/null differ diff --git a/assets/base/images/icons/pdf.png b/assets/base/images/icons/pdf.png deleted file mode 100644 index ad73c128e..000000000 Binary files a/assets/base/images/icons/pdf.png and /dev/null differ diff --git a/assets/base/images/icons/ppt.png b/assets/base/images/icons/ppt.png deleted file mode 100755 index 5e3787b00..000000000 Binary files a/assets/base/images/icons/ppt.png and /dev/null differ diff --git a/assets/base/images/icons/reaction.png b/assets/base/images/icons/reaction.png deleted file mode 100644 index eeec698d3..000000000 Binary files a/assets/base/images/icons/reaction.png and /dev/null differ diff --git a/assets/base/images/icons/slash-forward-box.png b/assets/base/images/icons/slash-forward-box.png deleted file mode 100644 index 3afb396df..000000000 Binary files a/assets/base/images/icons/slash-forward-box.png and /dev/null differ diff --git a/assets/base/images/icons/text.png b/assets/base/images/icons/text.png deleted file mode 100644 index 52cb3f170..000000000 Binary files a/assets/base/images/icons/text.png and /dev/null differ diff --git a/assets/base/images/icons/video.png b/assets/base/images/icons/video.png deleted file mode 100644 index 9256f20b4..000000000 Binary files a/assets/base/images/icons/video.png and /dev/null differ diff --git a/assets/base/images/icons/webhook.jpg b/assets/base/images/icons/webhook.jpg deleted file mode 100644 index 78488e8db..000000000 Binary files a/assets/base/images/icons/webhook.jpg and /dev/null differ diff --git a/assets/base/images/icons/word.png b/assets/base/images/icons/word.png deleted file mode 100755 index abf02590a..000000000 Binary files a/assets/base/images/icons/word.png and /dev/null differ diff --git a/assets/base/images/logo.png b/assets/base/images/logo.png deleted file mode 100644 index d41becd93..000000000 Binary files a/assets/base/images/logo.png and /dev/null differ diff --git a/assets/base/images/menu.png b/assets/base/images/menu.png deleted file mode 100644 index 53ba5b443..000000000 Binary files a/assets/base/images/menu.png and /dev/null differ diff --git a/assets/base/images/no_results/pin.png b/assets/base/images/no_results/pin.png deleted file mode 100644 index e7b8f9cb6..000000000 Binary files a/assets/base/images/no_results/pin.png and /dev/null differ diff --git a/assets/base/images/no_results/pin@2x.png b/assets/base/images/no_results/pin@2x.png deleted file mode 100644 index 796153bf6..000000000 Binary files a/assets/base/images/no_results/pin@2x.png and /dev/null differ diff --git a/assets/base/images/no_results/pin@3x.png b/assets/base/images/no_results/pin@3x.png deleted file mode 100644 index 00dc2e70a..000000000 Binary files a/assets/base/images/no_results/pin@3x.png and /dev/null differ diff --git a/assets/base/images/post_header/flag.png b/assets/base/images/post_header/flag.png deleted file mode 100755 index 9443a168c..000000000 Binary files a/assets/base/images/post_header/flag.png and /dev/null differ diff --git a/assets/base/images/post_header/flag@2x.png b/assets/base/images/post_header/flag@2x.png deleted file mode 100755 index 485255acd..000000000 Binary files a/assets/base/images/post_header/flag@2x.png and /dev/null differ diff --git a/assets/base/images/post_header/flag@3x.png b/assets/base/images/post_header/flag@3x.png deleted file mode 100755 index d5125938c..000000000 Binary files a/assets/base/images/post_header/flag@3x.png and /dev/null differ diff --git a/assets/base/images/post_header/pin.png b/assets/base/images/post_header/pin.png deleted file mode 100755 index 1268b8213..000000000 Binary files a/assets/base/images/post_header/pin.png and /dev/null differ diff --git a/assets/base/images/post_header/pin@2x.png b/assets/base/images/post_header/pin@2x.png deleted file mode 100755 index a27e2011a..000000000 Binary files a/assets/base/images/post_header/pin@2x.png and /dev/null differ diff --git a/assets/base/images/post_header/pin@3x.png b/assets/base/images/post_header/pin@3x.png deleted file mode 100755 index f6eb5782c..000000000 Binary files a/assets/base/images/post_header/pin@3x.png and /dev/null differ diff --git a/assets/base/images/post_menu/bookmark.png b/assets/base/images/post_menu/bookmark.png deleted file mode 100755 index df28ccf58..000000000 Binary files a/assets/base/images/post_menu/bookmark.png and /dev/null differ diff --git a/assets/base/images/post_menu/bookmark@2x.png b/assets/base/images/post_menu/bookmark@2x.png deleted file mode 100755 index 7f1db3004..000000000 Binary files a/assets/base/images/post_menu/bookmark@2x.png and /dev/null differ diff --git a/assets/base/images/post_menu/bookmark@3x.png b/assets/base/images/post_menu/bookmark@3x.png deleted file mode 100755 index 805a4c668..000000000 Binary files a/assets/base/images/post_menu/bookmark@3x.png and /dev/null differ diff --git a/assets/base/images/post_menu/copy.png b/assets/base/images/post_menu/copy.png deleted file mode 100755 index 52220aa9c..000000000 Binary files a/assets/base/images/post_menu/copy.png and /dev/null differ diff --git a/assets/base/images/post_menu/copy@2x.png b/assets/base/images/post_menu/copy@2x.png deleted file mode 100755 index ca9a07314..000000000 Binary files a/assets/base/images/post_menu/copy@2x.png and /dev/null differ diff --git a/assets/base/images/post_menu/copy@3x.png b/assets/base/images/post_menu/copy@3x.png deleted file mode 100755 index abc33d8ad..000000000 Binary files a/assets/base/images/post_menu/copy@3x.png and /dev/null differ diff --git a/assets/base/images/post_menu/edit.png b/assets/base/images/post_menu/edit.png deleted file mode 100755 index 7ca384e9d..000000000 Binary files a/assets/base/images/post_menu/edit.png and /dev/null differ diff --git a/assets/base/images/post_menu/edit@2x.png b/assets/base/images/post_menu/edit@2x.png deleted file mode 100755 index ced51d2bd..000000000 Binary files a/assets/base/images/post_menu/edit@2x.png and /dev/null differ diff --git a/assets/base/images/post_menu/edit@3x.png b/assets/base/images/post_menu/edit@3x.png deleted file mode 100755 index 2baf47691..000000000 Binary files a/assets/base/images/post_menu/edit@3x.png and /dev/null differ diff --git a/assets/base/images/post_menu/emoji.png b/assets/base/images/post_menu/emoji.png deleted file mode 100755 index 8ec630a62..000000000 Binary files a/assets/base/images/post_menu/emoji.png and /dev/null differ diff --git a/assets/base/images/post_menu/emoji@2x.png b/assets/base/images/post_menu/emoji@2x.png deleted file mode 100755 index 4e5d0b84d..000000000 Binary files a/assets/base/images/post_menu/emoji@2x.png and /dev/null differ diff --git a/assets/base/images/post_menu/emoji@3x.png b/assets/base/images/post_menu/emoji@3x.png deleted file mode 100755 index b1ffde200..000000000 Binary files a/assets/base/images/post_menu/emoji@3x.png and /dev/null differ diff --git a/assets/base/images/post_menu/flag.png b/assets/base/images/post_menu/flag.png deleted file mode 100755 index 37cc75e79..000000000 Binary files a/assets/base/images/post_menu/flag.png and /dev/null differ diff --git a/assets/base/images/post_menu/flag@2x.png b/assets/base/images/post_menu/flag@2x.png deleted file mode 100755 index f9b067110..000000000 Binary files a/assets/base/images/post_menu/flag@2x.png and /dev/null differ diff --git a/assets/base/images/post_menu/flag@3x.png b/assets/base/images/post_menu/flag@3x.png deleted file mode 100755 index 185f9d11c..000000000 Binary files a/assets/base/images/post_menu/flag@3x.png and /dev/null differ diff --git a/assets/base/images/post_menu/link.png b/assets/base/images/post_menu/link.png deleted file mode 100755 index ff7cc1be2..000000000 Binary files a/assets/base/images/post_menu/link.png and /dev/null differ diff --git a/assets/base/images/post_menu/link@2x.png b/assets/base/images/post_menu/link@2x.png deleted file mode 100755 index 7a179e1a6..000000000 Binary files a/assets/base/images/post_menu/link@2x.png and /dev/null differ diff --git a/assets/base/images/post_menu/link@3x.png b/assets/base/images/post_menu/link@3x.png deleted file mode 100755 index aa6d3c8f6..000000000 Binary files a/assets/base/images/post_menu/link@3x.png and /dev/null differ diff --git a/assets/base/images/post_menu/pin.png b/assets/base/images/post_menu/pin.png deleted file mode 100755 index 9223b1b80..000000000 Binary files a/assets/base/images/post_menu/pin.png and /dev/null differ diff --git a/assets/base/images/post_menu/pin@2x.png b/assets/base/images/post_menu/pin@2x.png deleted file mode 100755 index d1e712351..000000000 Binary files a/assets/base/images/post_menu/pin@2x.png and /dev/null differ diff --git a/assets/base/images/post_menu/pin@3x.png b/assets/base/images/post_menu/pin@3x.png deleted file mode 100755 index caae083cd..000000000 Binary files a/assets/base/images/post_menu/pin@3x.png and /dev/null differ diff --git a/assets/base/images/post_menu/reply.png b/assets/base/images/post_menu/reply.png deleted file mode 100644 index 141c36133..000000000 Binary files a/assets/base/images/post_menu/reply.png and /dev/null differ diff --git a/assets/base/images/post_menu/reply@2x.png b/assets/base/images/post_menu/reply@2x.png deleted file mode 100644 index f4958c0f6..000000000 Binary files a/assets/base/images/post_menu/reply@2x.png and /dev/null differ diff --git a/assets/base/images/post_menu/reply@3x.png b/assets/base/images/post_menu/reply@3x.png deleted file mode 100644 index ba22519a3..000000000 Binary files a/assets/base/images/post_menu/reply@3x.png and /dev/null differ diff --git a/assets/base/images/post_menu/trash.png b/assets/base/images/post_menu/trash.png deleted file mode 100755 index 11e776ad8..000000000 Binary files a/assets/base/images/post_menu/trash.png and /dev/null differ diff --git a/assets/base/images/post_menu/trash@2x.png b/assets/base/images/post_menu/trash@2x.png deleted file mode 100755 index fc08d328a..000000000 Binary files a/assets/base/images/post_menu/trash@2x.png and /dev/null differ diff --git a/assets/base/images/post_menu/trash@3x.png b/assets/base/images/post_menu/trash@3x.png deleted file mode 100755 index 9530ec728..000000000 Binary files a/assets/base/images/post_menu/trash@3x.png and /dev/null differ diff --git a/assets/base/images/profile.jpg b/assets/base/images/profile.jpg deleted file mode 100644 index 3fca233d3..000000000 Binary files a/assets/base/images/profile.jpg and /dev/null differ diff --git a/assets/base/images/send.png b/assets/base/images/send.png deleted file mode 100644 index bfe3bbc7f..000000000 Binary files a/assets/base/images/send.png and /dev/null differ diff --git a/assets/base/images/themes/check.png b/assets/base/images/themes/check.png deleted file mode 100644 index 501925dca..000000000 Binary files a/assets/base/images/themes/check.png and /dev/null differ diff --git a/assets/base/images/themes/check@2x.png b/assets/base/images/themes/check@2x.png deleted file mode 100644 index 0ca7fb713..000000000 Binary files a/assets/base/images/themes/check@2x.png and /dev/null differ diff --git a/assets/base/images/themes/check@3x.png b/assets/base/images/themes/check@3x.png deleted file mode 100644 index 8b9fe1cc1..000000000 Binary files a/assets/base/images/themes/check@3x.png and /dev/null differ diff --git a/assets/base/images/video_player/fullscreen@2x.png b/assets/base/images/video_player/fullscreen@2x.png deleted file mode 100644 index 17f26187a..000000000 Binary files a/assets/base/images/video_player/fullscreen@2x.png and /dev/null differ diff --git a/assets/base/images/video_player/fullscreen@3x.png b/assets/base/images/video_player/fullscreen@3x.png deleted file mode 100644 index f1a09f0ea..000000000 Binary files a/assets/base/images/video_player/fullscreen@3x.png and /dev/null differ diff --git a/assets/base/images/video_player/pause@2x.png b/assets/base/images/video_player/pause@2x.png deleted file mode 100644 index 0c527ed30..000000000 Binary files a/assets/base/images/video_player/pause@2x.png and /dev/null differ diff --git a/assets/base/images/video_player/pause@3x.png b/assets/base/images/video_player/pause@3x.png deleted file mode 100644 index c0c539e04..000000000 Binary files a/assets/base/images/video_player/pause@3x.png and /dev/null differ diff --git a/assets/base/images/video_player/play@2x.png b/assets/base/images/video_player/play@2x.png deleted file mode 100644 index 8ea286079..000000000 Binary files a/assets/base/images/video_player/play@2x.png and /dev/null differ diff --git a/assets/base/images/video_player/play@3x.png b/assets/base/images/video_player/play@3x.png deleted file mode 100644 index 61360ce09..000000000 Binary files a/assets/base/images/video_player/play@3x.png and /dev/null differ diff --git a/assets/base/images/video_player/replay@2x.png b/assets/base/images/video_player/replay@2x.png deleted file mode 100644 index 2570c2f1a..000000000 Binary files a/assets/base/images/video_player/replay@2x.png and /dev/null differ diff --git a/assets/base/images/video_player/replay@3x.png b/assets/base/images/video_player/replay@3x.png deleted file mode 100644 index 1b6e329ae..000000000 Binary files a/assets/base/images/video_player/replay@3x.png and /dev/null differ diff --git a/assets/base/mattermost-fonts.json b/assets/base/mattermost-fonts.json deleted file mode 100755 index a9d92ff1d..000000000 --- a/assets/base/mattermost-fonts.json +++ /dev/null @@ -1 +0,0 @@ -{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M512 0c-282.573 0-512 229.427-512 512s229.427 512 512 512c282.573 0 512-229.427 512-512s-229.427-512-512-512zM512 102.4c226.048 0 409.6 183.552 409.6 409.6s-183.552 409.6-409.6 409.6c-226.048 0-409.6-183.552-409.6-409.6s183.552-409.6 409.6-409.6z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["offline"]},"attrs":[{}],"properties":{"order":26,"id":11,"name":"offline","prevSize":32,"code":59648},"setIdx":0,"setId":0,"iconIdx":0},{"icon":{"paths":["M512 0c282.573 0 512 229.427 512 512s-229.427 512-512 512c-282.573 0-512-229.427-512-512s229.427-512 512-512zM780.8 435.2h-537.6c-21.197 0-38.4 17.203-38.4 38.4v76.8c0 21.197 17.203 38.4 38.4 38.4h537.6c21.197 0 38.4-17.203 38.4-38.4v-76.8c0-21.197-17.203-38.4-38.4-38.4z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["dnd"],"defaultCode":59656},"attrs":[{}],"properties":{"order":27,"id":15,"name":"dnd","prevSize":32,"code":59656},"setIdx":0,"setId":0,"iconIdx":1},{"icon":{"paths":["M512 0c-282.573 0-512 229.427-512 512s229.427 512 512 512c282.573 0 512-229.427 512-512s-229.427-512-512-512zM525.824 153.6c34.765 0 62.976 30.003 62.976 66.918v259.686l179.302 179.302c25.088 25.037 25.446 65.382 0.87 89.958l-19.507 19.507c-24.576 24.576-64.922 24.218-89.958-0.87l-204.493-204.493c-7.578-7.526-12.851-16.486-15.923-25.958-2.458-5.069-3.891-10.342-3.891-15.77v-301.363c0-36.915 28.211-66.918 62.976-66.918h27.648z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["away"]},"attrs":[{}],"properties":{"order":28,"id":12,"name":"away","prevSize":32,"code":59649},"setIdx":0,"setId":0,"iconIdx":2},{"icon":{"paths":["M512 0c-282.573 0-512 229.427-512 512s229.427 512 512 512c282.573 0 512-229.427 512-512s-229.427-512-512-512zM828.928 367.616c0 10.65-3.84 19.661-11.469 27.136l-351.693 342.989c-7.629 7.475-16.896 11.162-27.802 11.162s-20.173-3.686-27.802-11.162l-203.622-198.605c-7.629-7.475-11.469-16.486-11.469-27.136s3.84-19.661 11.469-27.136l55.603-54.221c7.629-7.475 16.896-11.162 27.802-11.162s20.173 3.686 27.802 11.162l120.218 117.658 268.288-262.042c7.629-7.475 16.896-11.162 27.802-11.162s20.173 3.686 27.802 11.162l55.603 54.221c7.629 7.475 11.469 16.486 11.469 27.136z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["online"]},"attrs":[{}],"properties":{"order":29,"id":10,"name":"online","prevSize":32,"code":59650},"setIdx":0,"setId":0,"iconIdx":3},{"icon":{"paths":["M250.583 937.937l60.302-60.302-155.724-155.724-60.302 60.302v70.904h84.82v84.82h70.904zM597.151 322.993c0-9.719-4.859-14.578-14.578-14.578-4.418 0-8.173 1.546-11.265 4.639l-359.159 359.159c-3.092 3.092-4.639 6.847-4.639 11.265 0 9.719 4.859 14.578 14.578 14.578 4.418 0 8.173-1.546 11.265-4.639l359.159-359.159c3.092-3.092 4.639-6.847 4.639-11.265zM561.368 195.763l275.664 275.664-551.329 551.329h-275.664v-275.664l551.329-551.329zM1013.961 259.378c0 23.414-8.173 43.293-24.518 59.639l-110.001 110.001-275.664-275.664 110.001-109.338c15.904-16.787 35.783-25.181 59.639-25.181 23.414 0 43.514 8.394 60.302 25.181l155.724 155.061c16.346 17.229 24.518 37.329 24.518 60.302z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["draft"],"defaultCode":59652},"attrs":[{}],"properties":{"order":30,"id":13,"name":"draft","prevSize":32,"code":59652},"setIdx":0,"setId":0,"iconIdx":4},{"icon":{"paths":["M621.714 475.429q0-14.848-10.825-25.746t-25.746-10.825h-146.286q-14.848 0-25.746 10.825t-10.825 25.746 10.825 25.746 25.746 10.825h146.286q14.848 0 25.746-10.825t10.825-25.746zM950.857 365.714v548.571q0 14.848-10.825 25.746t-25.746 10.825h-804.571q-14.848 0-25.746-10.825t-10.825-25.746v-548.571q0-14.848 10.825-25.746t25.746-10.825h804.571q14.848 0 25.746 10.825t10.825 25.746zM987.429 109.714v146.286q0 14.848-10.825 25.746t-25.746 10.825h-877.714q-14.848 0-25.746-10.825t-10.825-25.746v-146.286q0-14.848 10.825-25.746t25.746-10.825h877.714q14.848 0 25.746 10.825t10.825 25.746z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["archive"],"defaultCode":59650},"attrs":[{}],"properties":{"order":31,"id":14,"name":"archive","prevSize":32,"code":59651},"setIdx":0,"setId":0,"iconIdx":5},{"icon":{"paths":["M0 537.876v255.715c0 35.361 27.548 63.929 61.645 63.929h61.645v-383.572h-61.645c-34.098 0-61.645 28.568-61.645 63.929zM911.962 214.522h-219.184v-128.428c0-35.518-27.985-64.214-62.624-64.214s-62.624 28.696-62.624 64.214v128.428h-219.184c-86.499 0-156.56 71.839-156.56 160.535v545.819c0 70.836 56.166 128.428 125.248 128.428h626.24c69.082 0 125.248-57.592 125.248-128.428v-545.819c0-88.696-70.061-160.535-156.56-160.535zM506.863 857.519h-123.291v-68.495h123.291v68.495zM438.368 610.937c-45.412 0-82.194-36.782-82.194-82.194s36.782-82.194 82.194-82.194c45.412 0 82.194 36.782 82.194 82.194s-36.782 82.194-82.194 82.194zM698.649 857.519h-123.291v-68.495h123.291v68.495zM876.736 857.519h-123.291v-68.495h123.291v68.495zM815.090 610.937c-41.628 0-75.344-36.782-75.344-82.194s33.717-82.194 75.344-82.194c41.628 0 75.344 36.782 75.344 82.194s-33.717 82.194-75.344 82.194zM1198.662 473.947h-61.645v383.572h61.645c34.098 0 61.645-28.568 61.645-63.929v-255.715c0-35.361-27.548-63.929-61.645-63.929z"],"attrs":[{}],"width":1260,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["bot"],"defaultCode":59651},"attrs":[{}],"properties":{"order":32,"id":16,"name":"bot","prevSize":32,"code":59653},"setIdx":0,"setId":0,"iconIdx":6},{"icon":{"paths":["M852.958 443.733h-63.39v-126.781c0-175.084-141.868-316.952-316.952-316.952s-316.952 141.868-316.952 316.952v126.781h-63.39c-35.055 0-63.39 34.675-63.39 69.73v437.394c0 35.055 28.336 63.39 63.39 63.39h760.686c35.055 0 63.39-28.336 63.39-63.39v-437.394c0-35.055-28.336-69.73-63.39-69.73zM472.615 126.781c104.848 0 190.171 85.324 190.171 190.171v126.781h-380.343v-126.781c0-104.848 85.324-190.171 190.171-190.171z"],"attrs":[{}],"width":945,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["private"],"defaultCode":59649},"attrs":[{}],"properties":{"order":33,"id":17,"name":"private","prevSize":32,"code":59654},"setIdx":0,"setId":0,"iconIdx":7},{"icon":{"paths":["M761.344 65.344c-73.6-41.216-158.592-64.704-249.344-65.344-283.008 0-512 229.696-512 512 0 257.6 189.76 470.144 437.12 506.88 24.768 3.264 49.536 5.12 74.88 5.12 90.752 0 175.744-23.488 249.344-64.768 156.736-87.488 262.656-254.976 262.656-447.232-0.64-192.256-105.92-359.104-262.656-446.656zM845.12 320h-155.264c-9.472-64-23.616-119.872-41.28-167.488 83.136 31.744 152.448 103.488 196.544 167.488zM507.712 127.104c1.408-0.064 2.816-0.256 4.288-0.256s2.88 0.192 4.288 0.256c20.608 31.808 46.72 128.896 63.168 192.896h-134.912c16.448-64 42.56-161.088 63.168-192.896zM132.736 576c-3.456 0-5.888-42.112-5.888-64s2.24-64 5.76-64h188.992c-0.896 0-1.6 42.24-1.6 64s0.704 64 1.6 64h-188.864zM318.528 844.416c-0.64 0-1.28 0-1.28-0.64-57.728-33.664-105.6-75.776-139.008-139.776h155.904c9.472 64 23.552 119.744 41.216 167.296-19.776-7.424-38.912-16.064-56.832-26.88zM334.144 320h-155.392c44.032-64 113.408-135.872 196.608-167.616-17.6 47.616-31.744 103.616-41.216 167.616zM516.352 896.896c-1.472 0-2.88 0.256-4.352 0.256s-2.88-0.256-4.352-0.256c-20.608-31.872-46.656-64.896-63.104-192.896h134.848c-16.384 128-42.432 161.024-63.040 192.896zM593.28 576h-162.56c-1.088 0-1.92-41.6-1.92-64s0.832-64 1.92-64h162.56c1.088 0 1.92 41.6 1.92 64s-0.832 64-1.92 64zM761.344 805.12c-20.352 17.152-42.496 32.384-65.984 45.632-15.040 8-30.72 15.232-46.912 21.376 17.664-47.744 31.872-104.128 41.408-168.128h155.52c-22.208 64-50.496 72.64-84.032 101.12zM702.4 576c0.896 0 1.6-42.24 1.6-64s-0.704-64-1.6-64h188.928c3.584 0 5.824 42.112 5.824 64s-2.368 64-5.888 64h-188.864z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["public"],"defaultCode":59648},"attrs":[{}],"properties":{"order":34,"id":18,"name":"public","prevSize":32,"code":59655},"setIdx":0,"setId":0,"iconIdx":8},{"icon":{"paths":["M597.333 256c0 117.821-95.513 213.333-213.333 213.333s-213.333-95.513-213.333-213.333c0-117.821 95.513-213.333 213.333-213.333s213.333 95.513 213.333 213.333z","M401.067 742.4c0-34.133 8.533-68.267 17.067-102.4-8.533 0-17.067 0-34.133 0-213.333 0-213.333-170.667-213.333-170.667s-85.333 8.533-102.4 42.667c-34.133 51.2-51.2 145.067-59.733 213.333 0 8.533-8.533 42.667 0 51.2 17.067 110.933 187.733 196.267 375.467 204.8h17.067c25.6 0 59.733 0 85.333-8.533-51.2-68.267-85.333-145.067-85.333-230.4z","M861.867 716.8l153.6-153.6c8.533-8.533 8.533-25.6 0-25.6l-59.733-59.733c-8.533-8.533-25.6-8.533-25.6 0l-153.6 153.6-153.6-153.6c-8.533-8.533-25.6-8.533-25.6 0l-59.733 59.733c-8.533 8.533-8.533 25.6 0 25.6l153.6 153.6-153.6 153.6c-8.533 8.533-8.533 25.6 0 25.6l59.733 59.733c8.533 8.533 25.6 8.533 25.6 0l153.6-153.6 153.6 153.6c8.533 8.533 25.6 8.533 25.6 0l59.733-59.733c8.533-8.533 8.533-25.6 0-25.6l-153.6-153.6z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["offline-avatar"],"defaultCode":59655},"attrs":[{},{},{}],"properties":{"order":35,"id":19,"name":"offline-avatar","prevSize":32,"code":59657},"setIdx":0,"setId":0,"iconIdx":9},{"icon":{"paths":["M588.8 256c0 117.821-95.513 213.333-213.333 213.333s-213.333-95.513-213.333-213.333c0-117.821 95.513-213.333 213.333-213.333s213.333 95.513 213.333 213.333z","M443.733 716.8c0-34.133 8.533-59.733 17.067-85.333-25.6 8.533-51.2 17.067-85.333 17.067-213.333 0-213.333-170.667-213.333-170.667s-85.333 8.533-102.4 42.667c-34.133 51.2-51.2 145.067-59.733 213.333 0 8.533-8.533 42.667 0 51.2 17.067 110.933 187.733 196.267 375.467 204.8 0 0 8.533 0 8.533 0s8.533 0 8.533 0c59.733 0 119.467-8.533 170.667-25.6-76.8-68.267-119.467-153.6-119.467-247.467z","M1024 768c0 8.533-8.533 8.533-8.533 8.533h-418.133c-8.533 0-8.533-8.533-8.533-8.533v-136.533c0-8.533 8.533-8.533 8.533-8.533h418.133c8.533 0 8.533 8.533 8.533 8.533v136.533z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["dnd-avatar"]},"attrs":[{},{},{}],"properties":{"order":36,"id":9,"name":"dnd-avatar","prevSize":32,"code":59658},"setIdx":0,"setId":0,"iconIdx":10},{"icon":{"paths":["M774.912 487.424c15.872 0 28.672 12.885 28.672 28.672v259.243l208.811 120.576c13.739 7.936 18.432 25.429 10.496 39.168l-43.093 74.581c-7.851 13.739-25.429 18.432-39.168 10.496l-266.155-153.685c-9.899-5.717-15.104-16.469-14.251-27.136-0.085-0.768-0.085-1.536-0.085-2.304v-320.939c0-15.787 12.8-28.672 28.672-28.672h86.101zM410.624 982.443h-17.664c-194.56-8.789-371.371-97.195-389.035-212.139-8.875-8.875 0-44.203 0-53.077 8.875-70.741 26.539-167.936 61.867-221.013 17.664-35.328 106.155-44.203 106.155-44.203s0 176.811 221.013 176.811h35.328c-8.875 35.413-17.664 70.741-17.664 106.069 0 88.405 35.328 168.021 88.405 238.763-26.539 8.789-61.867 8.789-88.405 8.789zM392.96 9.984c121.941 0 221.013 98.987 221.013 221.013 0 121.941-99.072 221.013-221.013 221.013-122.027 0-221.013-99.072-221.013-221.013 0-122.027 98.987-221.013 221.013-221.013z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["away-avatar"],"defaultCode":59654},"attrs":[{}],"properties":{"order":37,"id":20,"name":"away-avatar","prevSize":32,"code":59659},"setIdx":0,"setId":0,"iconIdx":11},{"icon":{"paths":["M597.333 469.333c0 0 0 0 0 0s0 0 0 0 0 0 0 0z","M597.333 256c0 117.821-95.513 213.333-213.333 213.333s-213.333-95.513-213.333-213.333c0-117.821 95.513-213.333 213.333-213.333s213.333 95.513 213.333 213.333z","M349.867 750.933c0-34.133 8.533-76.8 17.067-110.933-187.733-17.067-187.733-170.667-187.733-170.667s-85.333 8.533-102.4 42.667c-34.133 51.2-51.2 145.067-59.733 213.333 0 8.533-8.533 42.667 0 51.2 17.067 110.933 187.733 196.267 375.467 204.8 0 0 8.533 0 8.533 0s8.533 0 8.533 0c0 0 8.533 0 8.533 0-51.2-68.267-68.267-145.067-68.267-230.4z","M913.067 435.2l110.933 110.933c0 0 0 8.533 0 8.533l-349.867 349.867c0 0 0 0-8.533 0 0 0 0 0 0 0l-230.4-230.4c0 0 0-8.533 0-8.533l102.4-102.4c0 0 8.533 0 8.533 0l119.467 119.467 247.467-247.467c-8.533 0-0 0-0 0z"],"attrs":[{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["online-avatar"],"defaultCode":59653},"attrs":[{},{},{},{}],"properties":{"order":38,"id":21,"name":"online-avatar","prevSize":32,"code":59660},"setIdx":0,"setId":0,"iconIdx":12}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showCodes":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon"},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215},"historySize":50,"gridSize":16}} \ No newline at end of file diff --git a/assets/fonts/Mattermost-Regular.otf b/assets/fonts/Mattermost-Regular.otf deleted file mode 100644 index faedbe935..000000000 Binary files a/assets/fonts/Mattermost-Regular.otf and /dev/null differ diff --git a/assets/fonts/compass-icons.ttf b/assets/fonts/compass-icons.ttf new file mode 100644 index 000000000..9d4e0cebd Binary files /dev/null and b/assets/fonts/compass-icons.ttf differ diff --git a/docs/base_configs.md b/docs/base_configs.md index 54e6f7d76..91631cb54 100644 --- a/docs/base_configs.md +++ b/docs/base_configs.md @@ -4,7 +4,7 @@ The application has a configuration JSON file to control a number of application ## Options **Profile Links** -The `ProfileLinks` array allows custom buttons to be set in a user's profile. Currently, only one type is supported: `link`. It supports i18n defaultMessage and textId. As well as any icon from `fontawesome`, `ion`, `foundation`, `material`. Finally, the `url` must be specified. You can put in any valid URL and can have `{email}` or `{username}` replaced with currently displayed profile. +The `ProfileLinks` array allows custom buttons to be set in a user's profile. Currently, only one type is supported: `link`. It supports i18n defaultMessage and textId. As well as any icon from `compass-icons`. Finally, the `url` must be specified. You can put in any valid URL and can have `{email}` or `{username}` replaced with currently displayed profile. Example: ``` @@ -13,8 +13,7 @@ Example: "type": "link", "defaultMessage": "Whober", "textId": "user_profile.custom_link.whober", - "icon": "ios-person-outline", - "iconType": "ion", + "icon": "account-outline", "url": "https://www.custompage.com/{email}/view" } ] diff --git a/ios/Mattermost.xcodeproj/project.pbxproj b/ios/Mattermost.xcodeproj/project.pbxproj index e9a2a5eb2..a90c51f7a 100644 --- a/ios/Mattermost.xcodeproj/project.pbxproj +++ b/ios/Mattermost.xcodeproj/project.pbxproj @@ -5,7 +5,6 @@ }; objectVersion = 46; objects = { - /* Begin PBXBuildFile section */ 0111A42B7F264BCF8CBDE3ED /* OpenSans-ExtraBoldItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = FBBEC29EE2D3418D9AC33BD5 /* OpenSans-ExtraBoldItalic.ttf */; }; 0C0D24F53F254F75869E5951 /* OpenSans-Italic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 41F3AFE83AAF4B74878AB78A /* OpenSans-Italic.ttf */; }; @@ -20,8 +19,9 @@ 499F7A5F2354F49F00E7AF6E /* UIPasteboard+GetImageInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = 499F7A5E2354F49F00E7AF6E /* UIPasteboard+GetImageInfo.m */; }; 499F7A622354F4CC00E7AF6E /* NSData+MimeType.m in Sources */ = {isa = PBXBuildFile; fileRef = 499F7A602354F4CC00E7AF6E /* NSData+MimeType.m */; }; 499F7A652354F51900E7AF6E /* OnPasteEventManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 499F7A642354F51900E7AF6E /* OnPasteEventManager.m */; }; - 499F7AF1235511FD00E7AF6E /* Mattermost-Regular.otf in Resources */ = {isa = PBXBuildFile; fileRef = 499F7AF0235511FC00E7AF6E /* Mattermost-Regular.otf */; }; 49B4C050230C981C006E919E /* libUploadAttachments.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 7FABE04522137F2A00D0F595 /* libUploadAttachments.a */; }; + 531BEBC62513E93C00BC05B1 /* compass-icons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 531BEBC52513E93C00BC05B1 /* compass-icons.ttf */; }; + 531BEBC72513E93C00BC05B1 /* compass-icons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 531BEBC52513E93C00BC05B1 /* compass-icons.ttf */; }; 536CC6C323E79287002C478C /* RNNotificationEventHandler+HandleReplyAction.m in Sources */ = {isa = PBXBuildFile; fileRef = 536CC6C123E79287002C478C /* RNNotificationEventHandler+HandleReplyAction.m */; }; 552835DCC0C24FC691EE6CAB /* Roboto-LightItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8F0B22D2C9924FAFA7FB681C /* Roboto-LightItalic.ttf */; }; 55C6561DDBBA45929D88B6D1 /* OpenSans-BoldItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 32AC3D4EA79E44738A6E9766 /* OpenSans-BoldItalic.ttf */; }; @@ -145,7 +145,6 @@ 031EF04FB2D14EEFAACBAA1A /* Roboto-Italic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-Italic.ttf"; path = "../assets/fonts/Roboto-Italic.ttf"; sourceTree = ""; }; 09FA716C56874BDDA30FE8C4 /* Roboto-Medium.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-Medium.ttf"; path = "../assets/fonts/Roboto-Medium.ttf"; sourceTree = ""; }; 0E617BF0F36D4E738F51D169 /* OpenSans-SemiboldItalic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "OpenSans-SemiboldItalic.ttf"; path = "../assets/fonts/OpenSans-SemiboldItalic.ttf"; sourceTree = ""; }; - 12116E4B6BE0457BBFD69632 /* FontAwesome.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = FontAwesome.ttf; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf"; sourceTree = ""; }; 12D0B0E475FD46E29907305E /* Roboto-ThinItalic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-ThinItalic.ttf"; path = "../assets/fonts/Roboto-ThinItalic.ttf"; sourceTree = ""; }; 13B07F961A680F5B00A75B9A /* Mattermost.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Mattermost.app; sourceTree = BUILT_PRODUCTS_DIR; }; 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = Mattermost/AppDelegate.h; sourceTree = ""; }; @@ -155,13 +154,10 @@ 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = Mattermost/main.m; sourceTree = ""; }; 182D203F539AF68F1647EFAF /* Pods-Mattermost-MattermostTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Mattermost-MattermostTests.release.xcconfig"; path = "Target Support Files/Pods-Mattermost-MattermostTests/Pods-Mattermost-MattermostTests.release.xcconfig"; sourceTree = ""; }; 25BF2BACE89201DE6E585B7E /* Pods-Mattermost.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Mattermost.release.xcconfig"; path = "Target Support Files/Pods-Mattermost/Pods-Mattermost.release.xcconfig"; sourceTree = ""; }; - 263D389521BE459684618177 /* Octicons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Octicons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Octicons.ttf"; sourceTree = ""; }; 297AAFCCF0BD99FC109DA2BC /* Pods-MattermostTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-MattermostTests.release.xcconfig"; path = "Target Support Files/Pods-MattermostTests/Pods-MattermostTests.release.xcconfig"; sourceTree = ""; }; - 2CD0ACABF8EE4E1A94982CC8 /* Zocial.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Zocial.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Zocial.ttf"; sourceTree = ""; }; 32AC3D4EA79E44738A6E9766 /* OpenSans-BoldItalic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "OpenSans-BoldItalic.ttf"; path = "../assets/fonts/OpenSans-BoldItalic.ttf"; sourceTree = ""; }; 34B20A903038487E8D7DEA1E /* Roboto-Light.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-Light.ttf"; path = "../assets/fonts/Roboto-Light.ttf"; sourceTree = ""; }; 3647DF63D6764CF093375861 /* OpenSans-ExtraBold.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "OpenSans-ExtraBold.ttf"; path = "../assets/fonts/OpenSans-ExtraBold.ttf"; sourceTree = ""; }; - 37A4388335B14748A27EB094 /* MaterialCommunityIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = MaterialCommunityIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf"; sourceTree = ""; }; 41F3AFE83AAF4B74878AB78A /* OpenSans-Italic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "OpenSans-Italic.ttf"; path = "../assets/fonts/OpenSans-Italic.ttf"; sourceTree = ""; }; 4953BF5F2368AE8600593328 /* SwimeProxy.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = SwimeProxy.swift; path = Mattermost/SwimeProxy.swift; sourceTree = ""; }; 495BC95F23565ABF00C40C83 /* libXCDYouTubeKit.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libXCDYouTubeKit.a; sourceTree = BUILT_PRODUCTS_DIR; }; @@ -176,17 +172,14 @@ 499F7B3F235513F600E7AF6E /* libXCDYouTubeKit.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libXCDYouTubeKit.a; sourceTree = BUILT_PRODUCTS_DIR; }; 499F7B412355141200E7AF6E /* libYoutubePlayer-in-WKWebView.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = "libYoutubePlayer-in-WKWebView.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 49B4BF51230C83D2006E919E /* libz.1.dylib */ = {isa = PBXFileReference; lastKnownFileType = "compiled.mach-o.dylib"; name = libz.1.dylib; path = ../../../../../../../../../usr/lib/libz.1.dylib; sourceTree = ""; }; - 49D0879035464473A11A0E1C /* MaterialIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = MaterialIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf"; sourceTree = ""; }; + 531BEBC52513E93C00BC05B1 /* compass-icons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; name = "compass-icons.ttf"; path = "../assets/fonts/compass-icons.ttf"; sourceTree = ""; }; 536CC6C123E79287002C478C /* RNNotificationEventHandler+HandleReplyAction.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = "RNNotificationEventHandler+HandleReplyAction.m"; path = "Mattermost/RNNotificationEventHandler+HandleReplyAction.m"; sourceTree = ""; }; 536CC6C223E79287002C478C /* RNNotificationEventHandler+HandleReplyAction.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "RNNotificationEventHandler+HandleReplyAction.h"; path = "Mattermost/RNNotificationEventHandler+HandleReplyAction.h"; sourceTree = ""; }; - 563B800AC53A447FA18F47D3 /* FontAwesome5_Solid.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = FontAwesome5_Solid.ttf; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf"; sourceTree = ""; }; 57CB4735B7E57B50D0B50E16 /* Pods-MattermostTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-MattermostTests.debug.xcconfig"; path = "Target Support Files/Pods-MattermostTests/Pods-MattermostTests.debug.xcconfig"; sourceTree = ""; }; 6561AEAC21CC40B8A72ABB93 /* OpenSans-Light.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "OpenSans-Light.ttf"; path = "../assets/fonts/OpenSans-Light.ttf"; sourceTree = ""; }; 6BAF8296411D4657B5A0E8F8 /* libRNReactNativeDocViewer.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRNReactNativeDocViewer.a; sourceTree = ""; }; 6EFF13DD24CE4E26953E598A /* Roboto-Black.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-Black.ttf"; path = "../assets/fonts/Roboto-Black.ttf"; sourceTree = ""; }; 71E626D4980A4560B26F0E1C /* Roboto-Bold.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-Bold.ttf"; path = "../assets/fonts/Roboto-Bold.ttf"; sourceTree = ""; }; - 75387D8184A144939E9E7561 /* EvilIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = EvilIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = ""; }; - 7CA9B66DCC1F47AF86A50CDA /* Ionicons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Ionicons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf"; sourceTree = ""; }; 7F0F4B0924BA173900E14C60 /* LaunchScreen.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = SplashScreenResource/LaunchScreen.storyboard; sourceTree = ""; }; 7F151D3D221B062700FAD8F3 /* RuntimeUtils.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = RuntimeUtils.swift; path = Mattermost/RuntimeUtils.swift; sourceTree = ""; }; 7F151D40221B069200FAD8F3 /* 0155-keys.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "0155-keys.png"; path = "Mattermost/0155-keys.png"; sourceTree = ""; }; @@ -240,23 +233,16 @@ 7FFE32BE1FD9CCAA0038C7A0 /* SDWebImage.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; path = SDWebImage.framework; sourceTree = BUILT_PRODUCTS_DIR; }; 7FFE32BF1FD9CCAA0038C7A0 /* Sentry.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; path = Sentry.framework; sourceTree = BUILT_PRODUCTS_DIR; }; 81061F4CBB31484A94D5A8EE /* libz.tbd */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "sourcecode.text-based-dylib-definition"; name = libz.tbd; path = usr/lib/libz.tbd; sourceTree = SDKROOT; }; - 82E74EA3327D40BA9F122B38 /* FontAwesome5_Brands.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = FontAwesome5_Brands.ttf; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf"; sourceTree = ""; }; 84E325FF229834C30055068A /* Config.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = Config.swift; sourceTree = ""; }; - 8A5992A3325D4F8BB21AAD9B /* AntDesign.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = AntDesign.ttf; path = "../node_modules/react-native-vector-icons/Fonts/AntDesign.ttf"; sourceTree = ""; }; 8DEEFB3ED6175724A2653247 /* libPods-Mattermost.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-Mattermost.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 8F0B22D2C9924FAFA7FB681C /* Roboto-LightItalic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-LightItalic.ttf"; path = "../assets/fonts/Roboto-LightItalic.ttf"; sourceTree = ""; }; A734E00E7E184582A877F2B3 /* Roboto-Thin.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-Thin.ttf"; path = "../assets/fonts/Roboto-Thin.ttf"; sourceTree = ""; }; - AD2C51EF151E455D8758FE3F /* FontAwesome5_Regular.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = FontAwesome5_Regular.ttf; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf"; sourceTree = ""; }; - AF5978138E514607B5793F37 /* Entypo.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Entypo.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = ""; }; BC977883E2624E05975CA65B /* OpenSans-Regular.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "OpenSans-Regular.ttf"; path = "../assets/fonts/OpenSans-Regular.ttf"; sourceTree = ""; }; BE17F630DB5D41FD93F32D22 /* OpenSans-LightItalic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "OpenSans-LightItalic.ttf"; path = "../assets/fonts/OpenSans-LightItalic.ttf"; sourceTree = ""; }; C46342B0E5FD4D878AF3A129 /* Roboto-BoldItalic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-BoldItalic.ttf"; path = "../assets/fonts/Roboto-BoldItalic.ttf"; sourceTree = ""; }; C5BD64DE829E455A997DCAD5 /* Roboto-Regular.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-Regular.ttf"; path = "../assets/fonts/Roboto-Regular.ttf"; sourceTree = ""; }; C78A387124874496AD2C1466 /* OpenSans-Semibold.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "OpenSans-Semibold.ttf"; path = "../assets/fonts/OpenSans-Semibold.ttf"; sourceTree = ""; }; - C7B0EEFD80DC4A9C8C050ED5 /* Feather.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Feather.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Feather.ttf"; sourceTree = ""; }; - C854D45E0BB74833AE9D9EB0 /* SimpleLineIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = SimpleLineIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf"; sourceTree = ""; }; D08F54E10DF14AE4BBF4E2B4 /* Roboto-MediumItalic.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Roboto-MediumItalic.ttf"; path = "../assets/fonts/Roboto-MediumItalic.ttf"; sourceTree = ""; }; - D2A2E7723B364D62A9C5054D /* Foundation.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Foundation.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Foundation.ttf"; sourceTree = ""; }; D4B1B363C2414DA19C1AC521 /* OpenSans-Bold.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "OpenSans-Bold.ttf"; path = "../assets/fonts/OpenSans-Bold.ttf"; sourceTree = ""; }; EB4F0DF36537B0B21BE962FB /* Pods-Mattermost.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Mattermost.debug.xcconfig"; path = "Target Support Files/Pods-Mattermost/Pods-Mattermost.debug.xcconfig"; sourceTree = ""; }; F41672974C2907F74BB59B16 /* libPods-Mattermost-MattermostTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-Mattermost-MattermostTests.a"; sourceTree = BUILT_PRODUCTS_DIR; }; @@ -323,6 +309,7 @@ BC977883E2624E05975CA65B /* OpenSans-Regular.ttf */, C78A387124874496AD2C1466 /* OpenSans-Semibold.ttf */, 0E617BF0F36D4E738F51D169 /* OpenSans-SemiboldItalic.ttf */, + 531BEBC52513E93C00BC05B1 /* compass-icons.ttf */, 6EFF13DD24CE4E26953E598A /* Roboto-Black.ttf */, 7F54ABFAE6CE4A6DB11D1ED7 /* Roboto-BlackItalic.ttf */, 71E626D4980A4560B26F0E1C /* Roboto-Bold.ttf */, @@ -335,21 +322,6 @@ C5BD64DE829E455A997DCAD5 /* Roboto-Regular.ttf */, A734E00E7E184582A877F2B3 /* Roboto-Thin.ttf */, 12D0B0E475FD46E29907305E /* Roboto-ThinItalic.ttf */, - 8A5992A3325D4F8BB21AAD9B /* AntDesign.ttf */, - AF5978138E514607B5793F37 /* Entypo.ttf */, - 75387D8184A144939E9E7561 /* EvilIcons.ttf */, - C7B0EEFD80DC4A9C8C050ED5 /* Feather.ttf */, - 12116E4B6BE0457BBFD69632 /* FontAwesome.ttf */, - 82E74EA3327D40BA9F122B38 /* FontAwesome5_Brands.ttf */, - AD2C51EF151E455D8758FE3F /* FontAwesome5_Regular.ttf */, - 563B800AC53A447FA18F47D3 /* FontAwesome5_Solid.ttf */, - D2A2E7723B364D62A9C5054D /* Foundation.ttf */, - 7CA9B66DCC1F47AF86A50CDA /* Ionicons.ttf */, - 37A4388335B14748A27EB094 /* MaterialCommunityIcons.ttf */, - 49D0879035464473A11A0E1C /* MaterialIcons.ttf */, - 263D389521BE459684618177 /* Octicons.ttf */, - C854D45E0BB74833AE9D9EB0 /* SimpleLineIcons.ttf */, - 2CD0ACABF8EE4E1A94982CC8 /* Zocial.ttf */, ); name = Resources; sourceTree = ""; @@ -686,7 +658,6 @@ isa = PBXResourcesBuildPhase; buildActionMask = 2147483647; files = ( - 499F7AF1235511FD00E7AF6E /* Mattermost-Regular.otf in Resources */, 7F151D41221B069200FAD8F3 /* 0155-keys.png in Resources */, 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 7F0F4B0A24BA173900E14C60 /* LaunchScreen.storyboard in Resources */, @@ -706,6 +677,7 @@ DDE492F7425D451884DAA088 /* Roboto-Black.ttf in Resources */, 71F30A436B5847DF9D319D15 /* Roboto-BlackItalic.ttf in Resources */, E052494CD6104A65840485E7 /* Roboto-Bold.ttf in Resources */, + 531BEBC62513E93C00BC05B1 /* compass-icons.ttf in Resources */, 3D7B4E6EE6B948AAA6A1E4E6 /* Roboto-BoldItalic.ttf in Resources */, 460A48EA5C6C4D8B8D9A2C75 /* Roboto-Italic.ttf in Resources */, ABF5F93B1D0A47BAACEAC376 /* Roboto-Light.ttf in Resources */, @@ -722,6 +694,7 @@ isa = PBXResourcesBuildPhase; buildActionMask = 2147483647; files = ( + 531BEBC72513E93C00BC05B1 /* compass-icons.ttf in Resources */, 7F240A1F220D3A2300637665 /* MainInterface.storyboard in Resources */, 7F72F2EE2211220500F98FFF /* GenericPreview.xib in Resources */, 7F72F2F322112EC700F98FFF /* generic.png in Resources */, diff --git a/ios/Mattermost/Info.plist b/ios/Mattermost/Info.plist index 860d10f35..355f656a5 100644 --- a/ios/Mattermost/Info.plist +++ b/ios/Mattermost/Info.plist @@ -80,16 +80,6 @@ Send voice messages to your Mattermost instance UIAppFonts - Entypo.ttf - EvilIcons.ttf - FontAwesome.ttf - Foundation.ttf - Ionicons.ttf - MaterialIcons.ttf - Octicons.ttf - Zocial.ttf - MaterialCommunityIcons.ttf - SimpleLineIcons.ttf OpenSans-Bold.ttf OpenSans-BoldItalic.ttf OpenSans-ExtraBold.ttf @@ -112,11 +102,7 @@ Roboto-Regular.ttf Roboto-Thin.ttf Roboto-ThinItalic.ttf - AntDesign.ttf - Feather.ttf - FontAwesome5_Brands.ttf - FontAwesome5_Regular.ttf - FontAwesome5_Solid.ttf + compass-icons.ttf Mattermost-Regular.otf UIBackgroundModes diff --git a/share_extension/android/extension_channels/extension_channel_item.js b/share_extension/android/extension_channels/extension_channel_item.js index 6f0cde667..523ae0735 100644 --- a/share_extension/android/extension_channels/extension_channel_item.js +++ b/share_extension/android/extension_channels/extension_channel_item.js @@ -8,10 +8,10 @@ import { Text, View, } from 'react-native'; -import IonIcon from 'react-native-vector-icons/Ionicons'; -import {preventDoubleTap} from 'app/utils/tap'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; +import CompassIcon from '@components/compass_icon'; +import {preventDoubleTap} from '@utils/tap'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; import {DirectChannel, GroupChannel, PublicChannel, PrivateChannel} from 'share_extension/common/icons/channel_type'; @@ -51,8 +51,8 @@ export default class ExtensionChannelItem extends PureComponent { if (isCurrent) { current = ( - diff --git a/share_extension/android/extension_post/extension_post.js b/share_extension/android/extension_post/extension_post.js index 61d5472a9..b674a5056 100644 --- a/share_extension/android/extension_post/extension_post.js +++ b/share_extension/android/extension_post/extension_post.js @@ -17,7 +17,6 @@ import { View, } from 'react-native'; import FastImage from 'react-native-fast-image'; -import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; import Video from 'react-native-video'; import LocalAuth from 'react-native-local-auth'; import RNFetchBlob from 'rn-fetch-blob'; @@ -26,8 +25,8 @@ import {Client4} from '@mm-redux/client'; import {Preferences} from '@mm-redux/constants'; import {getFormattedFileSize, lookupMimeType} from '@mm-redux/utils/file_utils'; +import CompassIcon from '@components/compass_icon'; import Loading from '@components/loading'; -import PaperPlane from '@components/post_draft/send_action/paper_plane'; import {MAX_FILE_COUNT, MAX_MESSAGE_LENGTH_FALLBACK} from '@constants/post_draft'; import {getCurrentServerUrl, getAppCredentials} from '@init/credentials'; import {getExtensionFromMime} from '@utils/file'; @@ -36,26 +35,19 @@ import {preventDoubleTap} from '@utils/tap'; import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; import mattermostManaged from 'app/mattermost_managed'; -import { - ExcelSvg, - GenericSvg, - PdfSvg, - PptSvg, - ZipSvg, -} from 'share_extension/common/icons'; - import ChannelButton from './channel_button'; import TeamButton from './team_button'; const defaultTheme = Preferences.THEMES.default; -const extensionSvg = { - csv: ExcelSvg, - pdf: PdfSvg, - ppt: PptSvg, - pptx: PptSvg, - xls: ExcelSvg, - xlsx: ExcelSvg, - zip: ZipSvg, +const iconForExtension = { + csv: 'jumbo-attachment-excel', + pdf: 'jumbo-attachment-pdf', + ppt: 'jumbo-attachment-powerpoint', + pptx: 'jumbo-attachment-powerpoint', + xls: 'jumbo-attachment-excel', + xlsx: 'jumbo-attachment-excel', + zip: 'jumbo-attachment-zip', + generic: 'jumbo-attachment-generic', }; const ShareExtension = NativeModules.MattermostShare; const INPUT_HEIGHT = 150; @@ -311,7 +303,7 @@ export default class ExtensionPost extends PureComponent { onPress={this.onClose} > - @@ -508,10 +500,7 @@ export default class ExtensionPost extends PureComponent { ); } else { - let SvgIcon = extensionSvg[file.extension]; - if (!SvgIcon) { - SvgIcon = GenericSvg; - } + const iconName = iconForExtension[file.extension] || iconForExtension.generic; component = ( - @@ -559,10 +548,10 @@ export default class ExtensionPost extends PureComponent { disabled={!this.props.canUploadFiles} > - diff --git a/share_extension/android/extension_teams/team_item/team_item.js b/share_extension/android/extension_teams/team_item/team_item.js index 97fbb9dd2..234b3abc9 100644 --- a/share_extension/android/extension_teams/team_item/team_item.js +++ b/share_extension/android/extension_teams/team_item/team_item.js @@ -8,12 +8,11 @@ import { TouchableHighlight, View, } from 'react-native'; -import IonIcon from 'react-native-vector-icons/Ionicons'; -import {preventDoubleTap} from 'app/utils/tap'; -import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme'; - -import TeamIcon from 'app/components/team_icon'; +import CompassIcon from '@components/compass_icon'; +import TeamIcon from '@components/team_icon'; +import {preventDoubleTap} from '@utils/tap'; +import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; export default class TeamItem extends PureComponent { static propTypes = { @@ -40,8 +39,8 @@ export default class TeamItem extends PureComponent { if (team.id === currentTeamId) { current = ( - diff --git a/share_extension/common/icons/channel_type.js b/share_extension/common/icons/channel_type.js index fb726f6d9..f9f13c485 100644 --- a/share_extension/common/icons/channel_type.js +++ b/share_extension/common/icons/channel_type.js @@ -5,17 +5,18 @@ import React from 'react'; import { View, } from 'react-native'; -import Icon from 'react-native-vector-icons/FontAwesome'; import {Preferences} from '@mm-redux/constants'; -import {makeStyleSheetFromTheme} from 'app/utils/theme'; + +import CompassIcon from '@components/compass_icon'; +import {makeStyleSheetFromTheme} from '@utils/theme'; const defaultTheme = Preferences.THEMES.default; export function PublicChannel() { return ( - @@ -26,7 +27,7 @@ export function PublicChannel() { export function PrivateChannel() { return ( - @@ -37,8 +38,8 @@ export function PrivateChannel() { export function DirectChannel() { return ( - @@ -48,8 +49,8 @@ export function DirectChannel() { export function GroupChannel() { return ( - diff --git a/share_extension/common/icons/excel.js b/share_extension/common/icons/excel.js deleted file mode 100644 index 8443df8e7..000000000 --- a/share_extension/common/icons/excel.js +++ /dev/null @@ -1,55 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See LICENSE.txt for license information. - -import React from 'react'; -import PropTypes from 'prop-types'; -import {View} from 'react-native'; -import Svg, { - G, - Path, -} from 'react-native-svg'; - -function ExcelSvg({height, width}) { - return ( - - - - - - - - - - - - - - - - - - - - - - ); -} - -ExcelSvg.propTypes = { - height: PropTypes.number.isRequired, - width: PropTypes.number.isRequired, -}; - -export default ExcelSvg; diff --git a/share_extension/common/icons/generic.js b/share_extension/common/icons/generic.js deleted file mode 100644 index c90ecd5f1..000000000 --- a/share_extension/common/icons/generic.js +++ /dev/null @@ -1,58 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See LICENSE.txt for license information. - -import React from 'react'; -import PropTypes from 'prop-types'; -import {View} from 'react-native'; -import Svg, { - G, - Path, -} from 'react-native-svg'; - -function GenericSvg({height, width}) { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - ); -} - -GenericSvg.propTypes = { - height: PropTypes.number.isRequired, - width: PropTypes.number.isRequired, -}; - -export default GenericSvg; diff --git a/share_extension/common/icons/index.js b/share_extension/common/icons/index.js deleted file mode 100644 index 6ef1aa016..000000000 --- a/share_extension/common/icons/index.js +++ /dev/null @@ -1,14 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See LICENSE.txt for license information. - -import Excel from './excel'; -import Generic from './generic'; -import Pdf from './pdf'; -import Ppt from './ppt'; -import Zip from './zip'; - -export const ExcelSvg = Excel; -export const GenericSvg = Generic; -export const PdfSvg = Pdf; -export const PptSvg = Ppt; -export const ZipSvg = Zip; diff --git a/share_extension/common/icons/pdf.js b/share_extension/common/icons/pdf.js deleted file mode 100644 index ddbed6caa..000000000 --- a/share_extension/common/icons/pdf.js +++ /dev/null @@ -1,53 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See LICENSE.txt for license information. - -import React from 'react'; -import PropTypes from 'prop-types'; -import {View} from 'react-native'; -import Svg, { - G, - Path, -} from 'react-native-svg'; - -function PdfSvg({height, width}) { - return ( - - - - - - - - - - - - - - - - - - - - ); -} - -PdfSvg.propTypes = { - height: PropTypes.number.isRequired, - width: PropTypes.number.isRequired, -}; - -export default PdfSvg; diff --git a/share_extension/common/icons/ppt.js b/share_extension/common/icons/ppt.js deleted file mode 100644 index aee12bcc8..000000000 --- a/share_extension/common/icons/ppt.js +++ /dev/null @@ -1,55 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See LICENSE.txt for license information. - -import React from 'react'; -import PropTypes from 'prop-types'; -import {View} from 'react-native'; -import Svg, { - G, - Path, -} from 'react-native-svg'; - -function PptSvg({height, width}) { - return ( - - - - - - - - - - - - - - - - - - - - - - ); -} - -PptSvg.propTypes = { - height: PropTypes.number.isRequired, - width: PropTypes.number.isRequired, -}; - -export default PptSvg; diff --git a/share_extension/common/icons/zip.js b/share_extension/common/icons/zip.js deleted file mode 100644 index 37b125eb5..000000000 --- a/share_extension/common/icons/zip.js +++ /dev/null @@ -1,68 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See LICENSE.txt for license information. - -import React from 'react'; -import PropTypes from 'prop-types'; -import {View} from 'react-native'; -import Svg, { - G, - Path, -} from 'react-native-svg'; - -function ZipSvg({height, width}) { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ); -} - -ZipSvg.propTypes = { - height: PropTypes.number.isRequired, - width: PropTypes.number.isRequired, -}; - -export default ZipSvg;