IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

MM-40414: Add empty state icons (#25282)

Browse Source 
Automatic Merge
This commit is contained in:
Ashish Dhama 2023-11-20 09:30:14 +05:30 committed by GitHub
parent 8bd603eb12
commit a9a879d00d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
57 changed files with 809 additions and 151 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
e2e-tests/cypress/tests/integration/channels/accessibility/accessibility_buttons_spec.js
View File

@ -69,13 +69,13 @@ describe('Verify Accessibility Support in different Buttons', () => {
tab({shift: true}).
tab();
// # Press tab until the focus is on the Pinned posts button
// # Press tab until the focus is on the Pinned messages button
cy.focused().tab().tab();
// * Verify accessibility support in Pinned Posts button
// * Verify accessibility support in Pinned messages button
cy.uiGetChannelPinButton().
should('be.focused').
and('have.attr', 'aria-label', 'Pinned posts').
and('have.attr', 'aria-label', 'Pinned messages').
tab().tab().tab().tab();
});
});

4
e2e-tests/cypress/tests/integration/channels/accessibility/accessibility_post_spec.js
View File

@ -185,7 +185,7 @@ describe('Verify Accessibility Support in Post', () => {
cy.focused().tab();
// * Verify focus is on the save post button
cy.get(`#CENTER_flagIcon_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'save');
cy.get(`#CENTER_flagIcon_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'save message');
cy.focused().tab();
// * Verify focus is on message actions button
@ -243,7 +243,7 @@ describe('Verify Accessibility Support in Post', () => {
cy.focused().tab({shift: true});
// * Verify focus is on the save icon
cy.get(`#RHS_COMMENT_flagIcon_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'save');
cy.get(`#RHS_COMMENT_flagIcon_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'save message');
cy.focused().tab({shift: true});
// * Verify focus is on the reactions button

8
e2e-tests/cypress/tests/integration/channels/bot_accounts/tags_spec.js
View File

@ -73,21 +73,21 @@ describe('Bot tags', () => {
rhsPostHasBotBadge(postId);
});
it('MM-T1833 BOT tag is visible in Pinned Posts', () => {
it('MM-T1833 BOT tag is visible in Pinned Messages', () => {
// # Open pinned posts
cy.uiGetChannelPinButton().click();
// * Verify bot badge
cy.get('.sidebar--right__title').should('contain.text', 'Pinned Posts');
cy.get('.sidebar--right__title').should('contain.text', 'Pinned messages');
rhsPostHasBotBadge(postId);
});
it('MM-T3659 BOT tag is visible in Saved Posts', () => {
it('MM-T3659 BOT tag is visible in Saved Messages', () => {
// # Open saved posts
cy.uiGetSavedPostButton().click();
// * Verify bot badge
cy.get('.sidebar--right__title').should('contain.text', 'Saved Posts');
cy.get('.sidebar--right__title').should('contain.text', 'Saved messages');
rhsPostHasBotBadge(postId);
});
});

2
e2e-tests/cypress/tests/integration/channels/channel/channel_info_rhs_spec.js
View File

@ -248,7 +248,7 @@ describe('Channel Info RHS', () => {
cy.get('#channel-info-btn').click();
// # Click on "Pinned Messages"
cy.uiGetRHS().findByTestId('channel_info_rhs-menu').findByText('Pinned Messages').should('be.visible').click();
cy.uiGetRHS().findByTestId('channel_info_rhs-menu').findByText('Pinned messages').should('be.visible').click();
// * Ensure we see the Pinned Post RHS
cy.uiGetRHS().findByText('Hello channel info rhs spec').should('be.visible');

24
e2e-tests/cypress/tests/integration/channels/channel/open_rhs_coming_from_system_console_spec.ts
View File

@ -72,32 +72,32 @@ describe('Channel RHS', () => {
verifyRHSisOpenAndHasTitle('Recent Mentions');
});
it('MM-T5312 - should be able to open saved posts, visit the system console and come back without issues', () => {
// # Click on the saved posts button
it('MM-T5312 - should be able to open saved messages, visit the system console and come back without issues', () => {
// # Click on the saved messages button
cy.uiGetSavedPostButton().click();
// * Verify that the saved posts is opened in RHS
verifyRHSisOpenAndHasTitle('Saved Posts');
// * Verify that the saved messages is opened in RHS
verifyRHSisOpenAndHasTitle('Saved messages');
// # visit the system console and leave it
openSystemConsoleAndLeave();
// * Verify that the saved posts is still opened in RHS
verifyRHSisOpenAndHasTitle('Saved Posts');
// * Verify that the saved messages is still opened in RHS
verifyRHSisOpenAndHasTitle('Saved messages');
});
it('MM-T5313 - should be able to open pinned posts, visit the system console and come back without issues', () => {
// # Click on the pinned posts button
it('MM-T5313 - should be able to open Pinned messages, visit the system console and come back without issues', () => {
// # Click on the Pinned messages button
cy.uiGetChannelPinButton().click();
// * Verify that the pinned posts is opened in RHS
verifyRHSisOpenAndHasTitle('Pinned Posts');
// * Verify that the Pinned messages is opened in RHS
verifyRHSisOpenAndHasTitle('Pinned messages');
// # visit the system console and leave it
openSystemConsoleAndLeave();
// * Verify that the pinned posts is still opened in RHS
verifyRHSisOpenAndHasTitle('Pinned Posts');
// * Verify that the Pinned messages is still opened in RHS
verifyRHSisOpenAndHasTitle('Pinned messages');
});
it('MM-T5314 - should be able to open channel members, visit the system console and come back without issues', () => {

2
e2e-tests/cypress/tests/integration/channels/emoji/custom_emoji_1_spec.ts
View File

@ -95,7 +95,7 @@ describe('Custom emojis', () => {
cy.findByPlaceholderText('Search emojis').should('be.visible').type(customEmoji, {delay: TIMEOUTS.QUARTER_SEC});
// * Validate that we cannot find the emoji name in the search result list
cy.get('.no-results__title').should('be.visible').and('have.text', 'No results for "' + customEmoji + '"');
cy.get('.no-results__title').should('be.visible').and('have.text', 'No results for “' + customEmoji + '”');
});
it('MM-T2182 Custom emoji - animated gif', () => {

2
e2e-tests/cypress/tests/integration/channels/emoji/custom_emoji_2_spec.ts
View File

@ -78,7 +78,7 @@ describe('Custom emojis', () => {
cy.findByPlaceholderText('Search emojis').should('be.visible').type(emojiNameForSearch1, {delay: TIMEOUTS.QUARTER_SEC});
// * Get list of emojis based on search text
cy.get('.no-results__title').should('be.visible').and('have.text', 'No results for "' + emojiNameForSearch1 + '"');
cy.get('.no-results__title').should('be.visible').and('have.text', 'No results for “' + emojiNameForSearch1 + '”');
// # Search for an existing emoji
cy.findByPlaceholderText('Search emojis').should('be.visible').clear().type(emojiNameForSearch2, {delay: TIMEOUTS.QUARTER_SEC});

4
e2e-tests/cypress/tests/integration/channels/emoji/custom_emoji_3_spec.ts
View File

@ -218,7 +218,7 @@ describe('Custom emojis', () => {
cy.findByPlaceholderText('Search emojis').should('be.visible').type(customEmojiWithColons, {delay: TIMEOUTS.HALF_SEC});
// * Get list of emojis based on search text
cy.get('.no-results__title').should('be.visible').and('have.text', 'No results for "' + customEmoji + '"');
cy.get('.no-results__title').should('be.visible').and('have.text', 'No results for “' + customEmoji + '”');
// # Navigate to a channel
cy.visit(townsquareLink);
@ -302,7 +302,7 @@ describe('Custom emojis', () => {
cy.findByPlaceholderText('Search emojis').should('be.visible').type(customEmojiWithColons, {delay: TIMEOUTS.HALF_SEC});
// * Get list of emojis based on search text
cy.get('.no-results__title').should('be.visible').and('have.text', 'No results for "' + customEmoji + '"');
cy.get('.no-results__title').should('be.visible').and('have.text', 'No results for “' + customEmoji + '”');
// # Navigate to a channel
cy.visit(townsquareLink);

2
e2e-tests/cypress/tests/integration/channels/keyboard_shortcuts/dot_menu_spec.js
View File

@ -98,7 +98,7 @@ describe('Keyboard Shortcuts', () => {
cy.findByText('Saved').should('not.exist');
// # Save Post
cy.uiPostDropdownMenuShortcut(postId, 'Save', 'S', 'RHS_ROOT');
cy.uiPostDropdownMenuShortcut(postId, 'Save Message', 'S', 'RHS_ROOT');
// * Verify post is Saved
cy.get(`#post_${postId}`).find('.post-pre-header').should('be.visible').and('have.text', 'Saved');

2
e2e-tests/cypress/tests/integration/channels/keyboard_shortcuts/esc_close_modal_spec.js
View File

@ -30,7 +30,7 @@ describe('Keyboard Shortcuts', () => {
cy.get('#quickSwitchInput').typeWithForce(searchTerm);
// * Verify that the no search result test is displayed
cy.get('.no-results__title').should('be.visible').and('have.text', 'No results for "' + searchTerm + '"');
cy.get('.no-results__title').should('be.visible').and('have.text', 'No results for “' + searchTerm + '”');
// # Press escape key
cy.get('#quickSwitchInput').typeWithForce('{esc}');

2
e2e-tests/cypress/tests/integration/channels/messaging/pinned_posts_1_spec.js
View File

@ -40,7 +40,7 @@ describe('Messaging', () => {
cy.uiGetChannelPinButton().click();
// * RHS title displays as "Pinned Posts" and "[channel name]"
cy.get('#sidebar-right').should('be.visible').and('contain', 'Pinned Posts').and('contain', `${testChannel.display_name}`);
cy.get('#sidebar-right').should('be.visible').and('contain', 'Pinned messages').and('contain', `${testChannel.display_name}`);
// * Pinned post appear in RHS
cy.get(`#rhsPostMessageText_${postId}`).should('exist');

36
e2e-tests/cypress/tests/integration/channels/messaging/pinned_posts_2_spec.js
View File

@ -12,7 +12,7 @@
import {getAdminAccount} from '../../../support/env';
describe('Pinned posts', () => {
describe('pinned messages', () => {
let testTeam;
let testChannel;
let testUser;
@ -62,12 +62,12 @@ describe('Pinned posts', () => {
// # Click pin icon
cy.uiGetChannelPinButton().click();
// * Should not have any pinned posts
cy.get('#search-items-container .no-results__title').should('have.text', 'No pinned posts yet');
// * Should not have any pinned messages
cy.get('#search-items-container .no-results__title').should('have.text', 'No pinned messages yet');
});
});
it('MM-T2174 Switching channels in center also changes pinned posts RHS', () => {
it('MM-T2174 Switching channels in center also changes pinned messages RHS', () => {
// # Login
cy.apiLogin(testUser);
@ -81,16 +81,16 @@ describe('Pinned posts', () => {
// # Click pin icon
cy.uiGetChannelPinButton().click();
// * Number of pinned posts in RHS should be 1
// * Number of pinned messages in RHS should be 1
cy.findByTestId('search-item-container').should('have.length', 1);
// # Go to town square
cy.get('#sidebarItem_town-square').should('be.visible').click();
// * Should not have any pinned posts
cy.get('#search-items-container .no-results__title').should('have.text', 'No pinned posts yet');
// * Should not have any pinned messages
cy.get('#search-items-container .no-results__title').should('have.text', 'No pinned messages yet');
// * Number of pinned posts in RHS should be 0
// * Number of pinned messages in RHS should be 0
cy.findByTestId('search-item-container').should('not.exist');
// # Visit a test channel
@ -117,7 +117,7 @@ describe('Pinned posts', () => {
return cy.getLastPostId();
}).then((postId) => {
// * Number of pinned posts in RHS should be 0
// * Number of pinned messages in RHS should be 0
cy.findByTestId('search-item-container').should('not.exist');
// # Pin the post
@ -131,7 +131,7 @@ describe('Pinned posts', () => {
});
});
it('MM-T2177 Deleting pinned post while viewing RHS pinned posts removes post from RHS', () => {
it('MM-T2177 Deleting pinned post while viewing RHS pinned messages removes post from RHS', () => {
// # Login
cy.apiLogin(testUser);
@ -141,8 +141,8 @@ describe('Pinned posts', () => {
// # Click pin icon
cy.uiGetChannelPinButton().click();
// * Should not have any pinned posts
cy.get('#search-items-container .no-results__title').should('have.text', 'No pinned posts yet');
// * Should not have any pinned messages
cy.get('#search-items-container .no-results__title').should('have.text', 'No pinned messages yet');
// # Post a message
cy.postMessage('Hello again');
@ -162,8 +162,8 @@ describe('Pinned posts', () => {
cy.get(`#delete_post_${postId}`).scrollIntoView().should('be.visible').click();
cy.get('#deletePostModalButton').should('be.visible').click();
// * Should not have any pinned posts
cy.get('#search-items-container .no-results__title').should('have.text', 'No pinned posts yet');
// * Should not have any pinned messages
cy.get('#search-items-container .no-results__title').should('have.text', 'No pinned messages yet');
// * Post should be deleted
cy.get(`#post_${postId}`).should('not.exist');
@ -200,15 +200,15 @@ describe('Pinned posts', () => {
// # Click pin icon
cy.uiGetChannelPinButton().click();
// * Should not have any pinned posts
cy.get('#search-items-container .no-results__title').should('have.text', 'No pinned posts yet');
// * Should not have any pinned messages
cy.get('#search-items-container .no-results__title').should('have.text', 'No pinned messages yet');
// * The old post should be gone
cy.get(`#post_${postId}`).should('not.exist');
});
});
it('MM-T2922 Pinned post count indicates the number of pinned posts in currently viewed channel', () => {
it('MM-T2922 Pinned post count indicates the number of pinned messages in currently viewed channel', () => {
// # Login
cy.apiLogin(testUser);
@ -274,7 +274,7 @@ describe('Pinned posts', () => {
// * Pinned count should be 1
cy.get('#channelPinnedPostCountText').should('have.text', '1');
// * Number of pinned posts in RHS should also be 1
// * Number of pinned messages in RHS should also be 1
cy.findByTestId('search-item-container').should('have.length', 1);
});
});

2
e2e-tests/cypress/tests/integration/channels/messaging/post_options_menu_spec.js
View File

@ -52,7 +52,7 @@ describe('Messaging', () => {
cy.findByText('Add Reaction').should('be.visible');
cy.findByText('Mark as Unread').should('be.visible');
cy.findByText('Copy Link').should('be.visible');
cy.findByText('Save').should('be.visible');
cy.findByText('Save Message').should('be.visible');
cy.findByText('Pin to Channel').should('be.visible');
cy.findByText('Edit').should('be.visible');
cy.findByText('Delete').should('be.visible');

2
e2e-tests/cypress/tests/integration/channels/messaging/post_pre_header_spec.js
View File

@ -104,7 +104,7 @@ describe('Post PreHeader', () => {
cy.get('#searchContainer').should('be.visible').within(() => {
cy.get('.sidebar--right__title').
should('be.visible').
and('contain', 'Pinned Posts').
and('contain', 'Pinned messages').
and('contain', 'Off-Topic');
// * Check that the post pre-header is not shown for the pinned message in RHS

2
e2e-tests/cypress/tests/integration/channels/messaging/private_channel_open_spec.js
View File

@ -35,7 +35,7 @@ describe('Messaging - Opening a private channel using keyboard shortcuts', () =>
cy.findByRole('textbox', {name: 'quick switch input'}).type('Pr').type('{downarrow}').type('{enter}');
// * Private channel opens
cy.get('#channelHeaderTitle').should('be.visible').should('contain', 'Private channel').wait(TIMEOUTS.HALF_SEC);
cy.get('#channelHeaderTitle').should('be.visible').should('contain', 'Private').wait(TIMEOUTS.HALF_SEC);
// * Focus in the message box
cy.uiGetPostTextBox().should('be.focused');

2
e2e-tests/cypress/tests/integration/channels/messaging/save_post_spec.js
View File

@ -33,7 +33,7 @@ describe('Save Post', () => {
cy.get('@postId1').then((postId) => {
// # Save message by clicking the menu item in the dotmenu
cy.uiClickPostDropdownMenu(postId, 'Save');
cy.uiClickPostDropdownMenu(postId, 'Save Message');
// * Assert the post pre-header is displayed and works as expected
verifySavedPost(postId, message);

4
e2e-tests/cypress/tests/integration/channels/search/clear_input_spec.js
View File

@ -56,12 +56,12 @@ describe('Search', () => {
cy.uiGetChannelPinButton().click();
// * Verify the pinned post RHS is open
cy.uiGetRHS().should('contain', 'Pinned Posts');
cy.uiGetRHS().should('contain', 'Pinned messages');
// # Now click on the saved post button from the header
cy.uiGetSavedPostButton().click();
// * Verify the pinned post RHS is open
cy.uiGetRHS().should('contain', 'Saved posts');
cy.uiGetRHS().should('contain', 'Saved messages');
});
});

4
e2e-tests/cypress/tests/integration/channels/search/cleared_search_term_spec.js
View File

@ -45,9 +45,9 @@ describe('Search', () => {
// # Verify that the cleared search text does not appear on the search box
cy.uiGetSearchBox().should('be.empty');
// # Click the pin icon to open the pinned posts RHS
// # Click the pin icon to open the pinned messages RHS
cy.uiGetChannelPinButton().click();
cy.uiGetRHS().should('contain', 'Pinned Posts');
cy.uiGetRHS().should('contain', 'Pinned messages');
// # Verify that the Search term input box is still cleared and search term does not reappear when RHS opens
cy.uiGetSearchBox().and('be.empty');

2
e2e-tests/cypress/tests/integration/channels/search_filter/helpers.js
View File

@ -34,7 +34,7 @@ export function searchAndValidate(query, expectedResults = []) {
});
} else {
// * If we expect no results, verify results message
cy.get('.no-results__title').should('be.visible').and('have.text', `No results for "${query}"`);
cy.get('.no-results__title').should('be.visible').and('have.text', `No results for “${query}”`);
}
});

2
e2e-tests/cypress/tests/integration/channels/search_filter/negative_spec.js
View File

@ -86,7 +86,7 @@ function searchAndVerify(query, expectedMessage) {
search(`-${query}`);
// * If we expect no results, verify results message
cy.get('.no-results__title').should('be.visible').and('have.text', `No results for "-${query}"`);
cy.get('.no-results__title').should('be.visible').and('have.text', `No results for “-${query}”`);
cy.uiCloseRHS();
cy.uiGetRHSSearchContainer({visible: false});

6
e2e-tests/cypress/tests/integration/playbooks/channels/rhs_spec.js
View File

@ -81,7 +81,7 @@ describe('channels > rhs', {testIsolation: true}, () => {
if ($body.find('#channelHeaderFlagButton').length > 0) {
cy.get('#channelHeaderFlagButton').click({force: true});
} else {
cy.findByRole('button', {name: 'Saved posts'}).
cy.findByRole('button', {name: 'Saved messages'}).
click({force: true});
}
});
@ -346,11 +346,11 @@ describe('channels > rhs', {testIsolation: true}, () => {
cy.get('#post-create').should('exist');
// # Open the saved posts RHS
cy.findByRole('button', {name: 'Saved posts'}).
cy.findByRole('button', {name: 'Saved messages'}).
click({force: true});
// * Verify Saved Posts is open
cy.get('.sidebar--right__title').should('contain.text', 'Saved Posts');
cy.get('.sidebar--right__title').should('contain.text', 'Saved messages');
// # Start a playbook run with a slash command
const now = Date.now();

2
e2e-tests/cypress/tests/support/ui/global_header.js
View File

@ -115,7 +115,7 @@ Cypress.Commands.add('uiGetRecentMentionButton', () => {
});
Cypress.Commands.add('uiGetSavedPostButton', () => {
return cy.findByRole('button', {name: 'Saved posts'}).should('be.visible');
return cy.findByRole('button', {name: 'Saved messages'}).should('be.visible');
});
Cypress.Commands.add('uiGetSettingsButton', () => {

8
e2e-tests/cypress/tests/support/ui/post.ts
View File

@ -111,7 +111,7 @@ export function verifySavedPost(postId, message) {
cy.get('#searchContainer').should('be.visible').within(() => {
cy.get('.sidebar--right__title').
should('be.visible').
and('have.text', 'Saved Posts');
and('have.text', 'Saved messages');
// * Check that the post pre-header is not shown for the saved message in RHS
cy.get(`#searchResult_${postId}`).within(() => {
@ -129,14 +129,14 @@ export function verifyUnsavedPost(postId) {
cy.get(`#post_${postId}`).trigger('mouseover', {force: true});
cy.get(`#CENTER_flagIcon_${postId}`).
should('have.class', 'post-menu__item').
and('have.attr', 'aria-label', 'save');
and('have.attr', 'aria-label', 'save message');
// # Open the post-dotmenu
cy.clickPostDotMenu(postId, 'CENTER');
// * Check that the dotmenu item is changed accordingly
cy.findAllByTestId(`post-menu-${postId}`).eq(0).should('be.visible');
cy.findByText('Save').scrollIntoView().should('be.visible');
cy.findByText('Save Message').scrollIntoView().should('be.visible');
cy.get(`#CENTER_dropdown_${postId}`).should('be.visible').type('{esc}');
cy.get('#postListContent').within(() => {
@ -165,7 +165,7 @@ export function verifyUnsavedPost(postId) {
cy.get('#searchContainer').should('be.visible').within(() => {
cy.get('.sidebar--right__title').
should('be.visible').
and('have.text', 'Saved Posts');
and('have.text', 'Saved messages');
// * Check that the post pre-header is not shown for the saved message in RHS
cy.get('#search-items-container').within(() => {

4
webapp/channels/src/components/channel_header/components/__snapshots__/header_icon_wrapper.test.tsx.snap
View File

@ -48,7 +48,7 @@ exports[`components/channel_header/components/HeaderIconWrapper should match sna
id="flaggedTooltip"
>
<Memo(MemoizedFormattedMessage)
defaultMessage="Saved posts"
defaultMessage="Saved messages"
id="channel_header.flagged"
/>
</Tooltip>
@ -140,7 +140,7 @@ exports[`components/channel_header/components/HeaderIconWrapper should match sna
id="pinnedPostTooltip"
>
<Memo(MemoizedFormattedMessage)
defaultMessage="Pinned posts"
defaultMessage="Pinned messages"
id="channel_header.pinnedPosts"
/>
</Tooltip>

4
webapp/channels/src/components/channel_header/components/header_icon_wrapper.tsx
View File

@ -55,13 +55,13 @@ const HeaderIconWrapper = (props: Props) => {
class: 'text-nowrap',
id: 'flaggedTooltip',
messageID: t('channel_header.flagged'),
message: 'Saved posts',
message: 'Saved messages',
},
pinnedPosts: {
class: 'pinned-posts',
id: 'pinnedPostTooltip',
messageID: t('channel_header.pinnedPosts'),
message: 'Pinned posts',
message: 'Pinned messages',
},
recentMentions: {
class: '',

2
webapp/channels/src/components/channel_info_rhs/menu.test.tsx
View File

@ -133,7 +133,7 @@ describe('channel_info_rhs/menu', () => {
props.actions.getChannelStats();
});
const fileItem = screen.getByText('Pinned Messages');
const fileItem = screen.getByText('Pinned messages');
expect(fileItem).toBeInTheDocument();
expect(fileItem.parentElement).toHaveTextContent('12');

2
webapp/channels/src/components/channel_info_rhs/menu.tsx
View File

@ -143,7 +143,7 @@ const Menu = ({channel, channelStats, isArchived, className, actions}: MenuProps
)}
<MenuItem
icon={<i className='icon icon-pin-outline'/>}
text={formatMessage({id: 'channel_info_rhs.menu.pinned', defaultMessage: 'Pinned Messages'})}
text={formatMessage({id: 'channel_info_rhs.menu.pinned', defaultMessage: 'Pinned messages'})}
opensSubpanel={true}
badge={channelStats?.pinnedpost_count}
onClick={() => actions.showPinnedPosts(channel.id)}

63
webapp/channels/src/components/common/svg_images_components/channel_files_svg.tsx Normal file
View File

@ -0,0 +1,63 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import {useIntl} from 'react-intl';
export function ChannelFilesSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
const {formatMessage} = useIntl();
return (
<span {...props}>
<svg
width='17px'
height='17px'
viewBox='0 0 17 17'
role='img'
aria-label={formatMessage({id: 'generic_icons.channel_files', defaultMessage: 'Channel Files Icon'})}
>
<ellipse
cx='8.68583'
cy='15.7038'
rx='7.3516'
ry='0.319635'
fill='black'
fillOpacity='0.06'
/>
<path
d='M15.5434 15.5814H7.3247C7.19562 15.5687 7.0749 15.5109 6.9832 15.4178C6.89151 15.3248 6.83453 15.2023 6.82202 15.0713V4.24286C6.83343 4.11018 6.89088 3.98592 6.98414 3.8922C7.07688 3.79811 7.19914 3.73992 7.32973 3.72771H13.4247L16.0637 6.3749V15.0662C16.0653 15.1315 16.0538 15.1963 16.0298 15.2568C16.0058 15.3174 15.9699 15.3723 15.9242 15.4182C15.8211 15.5178 15.6857 15.5759 15.5434 15.5814V15.5814Z'
fill='#E8E9ED'
/>
<path
d='M12.2888 5.53203H7.9708C7.94706 5.5305 7.9239 5.52402 7.90273 5.51301C7.88157 5.502 7.86286 5.48669 7.84777 5.46804C7.83268 5.44938 7.82154 5.42778 7.81503 5.40457C7.80853 5.38135 7.80679 5.35703 7.80994 5.33311C7.80994 5.2158 7.86398 5.15714 7.9708 5.15714H12.2888C12.3969 5.15714 12.4509 5.2158 12.4509 5.33311C12.4541 5.35713 12.4523 5.38155 12.4457 5.40485C12.4391 5.42814 12.4279 5.4498 12.4126 5.46848C12.3974 5.48715 12.3786 5.50244 12.3572 5.51338C12.3359 5.52431 12.3126 5.53067 12.2888 5.53203V5.53203ZM11.619 6.79697C11.668 6.79697 11.715 6.77722 11.7496 6.74207C11.7842 6.70692 11.8037 6.65923 11.8037 6.60952C11.8037 6.55981 11.7842 6.51213 11.7496 6.47698C11.715 6.44183 11.668 6.42208 11.619 6.42208H7.97457C7.92929 6.42745 7.88753 6.4495 7.85722 6.48406C7.82691 6.51862 7.81017 6.56326 7.81017 6.60952C7.81017 6.65578 7.82691 6.70043 7.85722 6.73499C7.88753 6.76954 7.92929 6.7916 7.97457 6.79697H11.619ZM14.4817 8.08486C14.5072 8.08699 14.5328 8.08375 14.5569 8.07533C14.5811 8.06691 14.6033 8.0535 14.6221 8.03595C14.6409 8.01839 14.6558 7.99707 14.6661 7.97334C14.6764 7.9496 14.6817 7.92397 14.6817 7.89805C14.6817 7.87214 14.6764 7.8465 14.6661 7.82276C14.6558 7.79903 14.6409 7.77771 14.6221 7.76016C14.6033 7.7426 14.5811 7.72919 14.5569 7.72077C14.5328 7.71235 14.5072 7.70911 14.4817 7.71124H7.9708C7.9265 7.71769 7.88598 7.74013 7.85667 7.77445C7.82736 7.80876 7.81123 7.85264 7.81123 7.89805C7.81123 7.94346 7.82736 7.98735 7.85667 8.02166C7.88598 8.05597 7.9265 8.07841 7.9708 8.08486H14.4817ZM14.067 9.35107C14.1734 9.35107 14.235 9.28859 14.2517 9.16363C14.2482 9.11509 14.2277 9.06944 14.1937 9.03502C14.1598 9.00061 14.1148 8.97972 14.067 8.97618H7.9708C7.94706 8.97771 7.9239 8.98419 7.90273 8.9952C7.88157 9.00621 7.86286 9.02152 7.84777 9.04018C7.83268 9.05883 7.82154 9.08043 7.81503 9.10364C7.80853 9.12686 7.80679 9.15119 7.80994 9.17511C7.80994 9.29242 7.86398 9.35107 7.9708 9.35107H14.067ZM11.619 10.639C11.668 10.639 11.715 10.6192 11.7496 10.5841C11.7842 10.5489 11.8037 10.5012 11.8037 10.4515C11.8037 10.4018 11.7842 10.3541 11.7496 10.319C11.715 10.2838 11.668 10.2641 11.619 10.2641H7.97457C7.92929 10.2694 7.88753 10.2915 7.85722 10.3261C7.82691 10.3606 7.81017 10.4053 7.81017 10.4515C7.81017 10.4978 7.82691 10.5424 7.85722 10.577C7.88753 10.6115 7.92929 10.6336 7.97457 10.639H11.619ZM14.4817 11.9039C14.5898 11.9039 14.6514 11.8414 14.6664 11.7165C14.6632 11.6678 14.6427 11.622 14.6087 11.5876C14.5748 11.5531 14.5296 11.5323 14.4817 11.529H7.9708C7.94706 11.5305 7.9239 11.537 7.90273 11.548C7.88157 11.559 7.86286 11.5743 7.84777 11.593C7.83268 11.6117 7.82154 11.6333 7.81503 11.6565C7.80853 11.6797 7.80679 11.704 7.80994 11.7279C7.80994 11.8452 7.86398 11.9039 7.9708 11.9039H14.4817ZM14.4817 13.1931C14.5295 13.1895 14.5745 13.1686 14.6084 13.1342C14.6424 13.0998 14.6629 13.0542 14.6664 13.0056C14.6635 12.9569 14.643 12.9109 14.609 12.8764C14.575 12.8419 14.5297 12.8212 14.4817 12.8182H7.9708C7.92552 12.8235 7.88375 12.8456 7.85345 12.8802C7.82314 12.9147 7.8064 12.9594 7.8064 13.0056C7.8064 13.0519 7.82314 13.0965 7.85345 13.1311C7.88375 13.1656 7.92552 13.1877 7.9708 13.1931H14.4817ZM14.4817 14.458C14.5898 14.458 14.6514 14.3955 14.6664 14.2706C14.6657 14.2472 14.6602 14.2242 14.6504 14.2031C14.6405 14.182 14.6265 14.1631 14.6092 14.1477C14.5919 14.1323 14.5716 14.1206 14.5497 14.1135C14.5278 14.1063 14.5046 14.1038 14.4817 14.1061H7.9708C7.86398 14.1061 7.80994 14.1647 7.80994 14.282C7.80994 14.3993 7.86398 14.458 7.9708 14.458H14.4817Z'
fill='#989DAE'
/>
<path
d='M13.4198 3.72771L16.0274 6.3749H13.9727C13.8275 6.3787 13.6866 6.32417 13.5807 6.22315C13.5262 6.17048 13.4836 6.10656 13.4557 6.03573C13.4277 5.96489 13.415 5.88878 13.4185 5.81256L13.4198 3.72771Z'
fill='#BABEC9'
/>
<path
opacity='0.4'
d='M9.82464 2.40803C9.21678 1.79243 8.44961 1.47536 7.52467 1.45834C6.61675 1.47536 5.85422 1.79089 5.23708 2.40803C4.62148 3.02517 4.3044 3.7877 4.28739 4.69563C4.3044 5.62057 4.61993 6.38619 5.23708 6.9956C5.85422 7.60346 6.61675 7.92518 7.52467 7.95611C8.44961 7.92363 9.21524 7.60346 9.82464 6.9956C10.4325 6.38619 10.7527 5.61902 10.7852 4.69408C10.7527 3.78616 10.4325 3.02362 9.82464 2.40803Z'
fill='white'
/>
<path
d='M4.54501 4.1179C4.82011 3.224 5.34091 2.55488 6.10818 2.11189C6.87546 1.66891 7.71533 1.55244 8.62703 1.76115C9.12558 1.88848 9.55993 2.10858 9.93363 2.42122C9.51576 1.96514 8.98567 1.64934 8.34475 1.47301C7.43305 1.2643 6.58904 1.38316 5.81486 1.83013C5.04069 2.2771 4.51575 2.94861 4.24065 3.84251C4.07152 4.48653 4.07997 5.1035 4.26738 5.69263C4.45342 6.28256 4.78736 6.7781 5.26982 7.17712C4.90759 6.78238 4.65835 6.3188 4.52269 5.78426C4.38841 5.24893 4.39591 4.69464 4.54501 4.1179Z'
fill='black'
fillOpacity='0.4'
/>
<path
d='M3.53859 4.44355C3.6035 3.48398 3.99292 2.64128 4.70531 1.91545C5.5166 1.14194 6.45307 0.754425 7.5147 0.754425C8.57633 0.754425 9.51125 1.14194 10.3225 1.91545C11.0998 2.72278 11.4893 3.65314 11.4893 4.70959C11.4893 5.76604 11.0998 6.69793 10.3225 7.50373C9.5777 8.21418 8.72623 8.59709 7.76968 8.65245C6.81312 8.70935 5.93075 8.44639 5.11946 7.86665L4.51215 8.47099L3.73485 7.69749L4.34216 7.09314C3.74258 6.28735 3.47524 5.40313 3.53859 4.44355ZM5.21681 6.98396C5.83339 7.58831 6.59523 7.90817 7.50234 7.93892C8.42644 7.90663 9.19137 7.58831 9.80022 6.98396C10.4075 6.37961 10.7274 5.61688 10.7599 4.69729C10.7274 3.79461 10.4075 3.03649 9.80022 2.42291C9.19291 1.81088 8.42644 1.49563 7.50234 1.47872C6.59523 1.49563 5.83339 1.80934 5.21681 2.42291C4.60177 3.03649 4.28498 3.79461 4.26799 4.69729C4.28498 5.61688 4.60023 6.37961 5.21681 6.98396Z'
fill='#BABEC9'
/>
<path
d='M1.05283 12.1479C1.25323 12.2052 1.40162 12.185 1.498 12.0875L4.65087 8.62728C4.74724 8.52975 4.78702 8.40434 4.77172 8.24952C4.75642 8.0947 4.66005 7.92131 4.48259 7.72623C4.28984 7.54819 4.1185 7.44601 3.96553 7.42124C3.81255 7.39647 3.68864 7.44137 3.59226 7.55593L0.150264 10.7468C0.0538879 10.8443 0.0385894 10.9898 0.10284 11.1849C0.167091 11.38 0.287943 11.575 0.463867 11.7701C0.655089 11.9652 0.85243 12.0906 1.05283 12.1479Z'
fill='#FFBC1F'
/>
<path
d='M0.822022 10.122L2.1109 11.4216L3.66479 9.71593L2.52508 8.55175L0.822022 10.122Z'
fill='#7A5600'
/>
</svg>
</span>
);
}

75
webapp/channels/src/components/common/svg_images_components/channel_search_svg.tsx Normal file
View File

@ -0,0 +1,75 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import {useIntl} from 'react-intl';
export function ChannelSearchSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
const {formatMessage} = useIntl();
return (
<span {...props}>
<svg
width='17px'
height='14px'
viewBox='0 0 17 14'
role='img'
aria-label={formatMessage({id: 'generic_icons.channel_search', defaultMessage: 'Channel Search Icon'})}
>
<ellipse
cx='8.18996'
cy='13.4981'
rx='6.72113'
ry='0.353744'
fill='black'
fillOpacity='0.06'
/>
<path
d='M10.765 2.93726H1.8448C1.68133 2.93671 1.51935 2.96829 1.36811 3.03021C1.21687 3.09213 1.07933 3.18317 0.963342 3.29813C0.847358 3.41309 0.7552 3.54972 0.692131 3.70023C0.629062 3.85073 0.596316 4.01216 0.595764 4.17529V9.83259C0.596316 9.99572 0.629062 10.1572 0.692131 10.3077C0.7552 10.4582 0.847358 10.5948 0.963342 10.7098C1.07933 10.8247 1.21687 10.9158 1.36811 10.9777C1.51935 11.0396 1.68133 11.0712 1.8448 11.0706H3.16125V13.1883L5.13591 11.0706H10.7619C10.9253 11.0712 11.0873 11.0396 11.2385 10.9777C11.3898 10.9158 11.5273 10.8247 11.6433 10.7098C11.7593 10.5948 11.8515 10.4582 11.9145 10.3077C11.9776 10.1572 12.0103 9.99572 12.0109 9.83259V4.17529C12.0098 3.84638 11.878 3.53133 11.6444 3.29925C11.4109 3.06716 11.0946 2.93698 10.765 2.93726V2.93726Z'
fill='#FFBC1F'
/>
<path
d='M5.13593 11.0706H10.7619C10.9253 11.0711 11.0873 11.0395 11.2386 10.9776C11.3898 10.9157 11.5273 10.8247 11.6433 10.7097C11.7593 10.5947 11.8515 10.4581 11.9145 10.3076C11.9776 10.1571 12.0104 9.99567 12.0109 9.83254V6.39801C12.0109 6.39801 11.6181 9.574 11.5475 9.85356C11.477 10.1331 11.3369 10.5514 10.6734 10.6208C10.0099 10.6901 5.13593 11.0706 5.13593 11.0706Z'
fill='#CC8F00'
/>
<path
d='M3.2581 6.19519C3.41703 6.19519 3.57239 6.24222 3.70453 6.33033C3.83668 6.41844 3.93967 6.54368 4.00049 6.6902C4.06131 6.83673 4.07722 6.99796 4.04622 7.15351C4.01521 7.30906 3.93868 7.45194 3.8263 7.56408C3.71392 7.67623 3.57074 7.7526 3.41487 7.78354C3.25899 7.81448 3.09742 7.7986 2.95059 7.73791C2.80376 7.67722 2.67826 7.57444 2.58997 7.44257C2.50167 7.3107 2.45454 7.15567 2.45454 6.99707C2.45441 6.89173 2.4751 6.78739 2.51543 6.69004C2.55576 6.59269 2.61495 6.50424 2.68959 6.42975C2.76424 6.35526 2.85288 6.2962 2.95043 6.25595C3.04798 6.2157 3.15254 6.19505 3.2581 6.19519V6.19519Z'
fill='var(--center-channel-bg)'
/>
<path
d='M6.30498 6.19519C6.4639 6.19519 6.61926 6.24222 6.75141 6.33033C6.88355 6.41844 6.98654 6.54368 7.04736 6.6902C7.10818 6.83673 7.1241 6.99796 7.09309 7.15351C7.06209 7.30906 6.98555 7.45194 6.87318 7.56408C6.7608 7.67623 6.61762 7.7526 6.46174 7.78354C6.30587 7.81448 6.1443 7.7986 5.99747 7.73791C5.85064 7.67722 5.72514 7.57444 5.63684 7.44257C5.54855 7.3107 5.50142 7.15567 5.50142 6.99707C5.50128 6.89173 5.52197 6.78739 5.5623 6.69004C5.60264 6.59269 5.66182 6.50424 5.73647 6.42975C5.81111 6.35526 5.89975 6.2962 5.9973 6.25595C6.09486 6.2157 6.19941 6.19505 6.30498 6.19519V6.19519Z'
fill='var(--center-channel-bg)'
/>
<path
d='M9.34849 6.19519C9.50747 6.19498 9.66293 6.24184 9.79521 6.32982C9.92749 6.41781 10.0307 6.54297 10.0916 6.68948C10.1526 6.83598 10.1687 6.99725 10.1378 7.15286C10.1069 7.30848 10.0305 7.45146 9.91812 7.56371C9.80578 7.67596 9.6626 7.75244 9.5067 7.78346C9.3508 7.81449 9.18917 7.79867 9.04228 7.73801C8.89539 7.67735 8.76983 7.57457 8.68149 7.44268C8.59314 7.31079 8.54599 7.15571 8.54599 6.99707C8.54585 6.89182 8.56651 6.78757 8.60677 6.69028C8.64704 6.593 8.70613 6.50459 8.78067 6.43012C8.8552 6.35564 8.94371 6.29656 9.04114 6.25625C9.13858 6.21594 9.24302 6.19519 9.34849 6.19519V6.19519Z'
fill='var(--center-channel-bg)'
/>
<path
d='M1.52151 5.30608C1.61215 4.98593 1.76536 4.68684 1.97231 4.42603C2.17927 4.16521 2.43588 3.94783 2.72737 3.7864C2.74464 3.77768 2.75852 3.7635 2.76684 3.74608C2.77517 3.72865 2.77746 3.70896 2.77337 3.69009C2.76927 3.67122 2.75902 3.65424 2.74422 3.64181C2.72941 3.62938 2.7109 3.6222 2.69157 3.6214C2.12918 3.58777 0.993884 3.70757 1.34985 5.29767C1.3536 5.31708 1.36378 5.33467 1.37874 5.34763C1.3937 5.36058 1.41259 5.36815 1.43237 5.36912C1.45216 5.37008 1.4717 5.3644 1.48786 5.35297C1.50402 5.34154 1.51587 5.32503 1.52151 5.30608V5.30608Z'
fill='#FFD470'
/>
<path
opacity='0.4'
d='M8.75117 2.37708C9.23969 1.88233 9.85626 1.6275 10.5996 1.61383C11.3293 1.6275 11.9421 1.88109 12.4381 2.37708C12.9329 2.87307 13.1877 3.4859 13.2014 4.21559C13.1877 4.95894 12.9341 5.57427 12.4381 6.06404C11.9421 6.55257 11.3293 6.81112 10.5996 6.83599C9.85626 6.80988 9.24094 6.55257 8.75117 6.06404C8.26264 5.57427 8.00532 4.9577 7.97922 4.21434C8.00532 3.48466 8.26264 2.87182 8.75117 2.37708Z'
fill='white'
/>
<path
d='M12.9944 3.75126C12.7733 3.03284 12.3547 2.49508 11.7381 2.13906C11.1214 1.78304 10.4464 1.68943 9.7137 1.85717C9.31302 1.9595 8.96394 2.1364 8.6636 2.38766C8.99944 2.02112 9.42546 1.76731 9.94056 1.6256C10.6733 1.45786 11.3516 1.55338 11.9738 1.91261C12.596 2.27183 13.0179 2.81151 13.239 3.52993C13.3749 4.04752 13.3681 4.54337 13.2175 5.01684C13.068 5.49095 12.7996 5.88922 12.4118 6.2099C12.703 5.89265 12.9033 5.52009 13.0123 5.09049C13.1202 4.66024 13.1142 4.21477 12.9944 3.75126Z'
fill='black'
fillOpacity='0.4'
/>
<path
d='M13.8033 4.01299C13.7511 3.2418 13.4382 2.56453 12.8656 1.98119C12.2136 1.35954 11.461 1.0481 10.6078 1.0481C9.75456 1.0481 9.00318 1.35954 8.35115 1.98119C7.72645 2.63003 7.41348 3.37774 7.41348 4.2268C7.41348 5.07585 7.72645 5.8248 8.35115 6.47241C8.94977 7.04339 9.63409 7.35112 10.4029 7.39561C11.1716 7.44134 11.8808 7.23001 12.5328 6.76408L13.0209 7.24978L13.6456 6.62813L13.1575 6.14242C13.6394 5.49482 13.8542 4.78418 13.8033 4.01299ZM12.4546 6.05468C11.959 6.54038 11.3467 6.79745 10.6177 6.82216C9.87502 6.79621 9.26026 6.54038 8.77093 6.05468C8.28285 5.56897 8.02576 4.95597 7.99968 4.21691C8.02576 3.49145 8.28285 2.88215 8.77093 2.38903C9.25902 1.89715 9.87502 1.64379 10.6177 1.6302C11.3467 1.64379 11.959 1.89591 12.4546 2.38903C12.9488 2.88215 13.2034 3.49145 13.2171 4.21691C13.2034 4.95597 12.9501 5.56897 12.4546 6.05468Z'
fill='#BABEC9'
/>
<path
d='M15.8011 10.2048C15.64 10.2509 15.5208 10.2347 15.4433 10.1563L12.9094 7.3754C12.8319 7.29702 12.8 7.19623 12.8123 7.0718C12.8246 6.94738 12.902 6.80802 13.0446 6.65125C13.1995 6.50816 13.3372 6.42603 13.4602 6.40613C13.5831 6.38622 13.6827 6.4223 13.7602 6.51438L16.5265 9.07879C16.6039 9.15718 16.6162 9.27414 16.5646 9.43092C16.5129 9.58769 16.4158 9.74447 16.2744 9.90125C16.1207 10.058 15.9621 10.1588 15.8011 10.2048Z'
fill='#FFBC1F'
/>
<path
d='M15.9865 8.57672L14.9507 9.62115L13.7018 8.25033L14.6178 7.3147L15.9865 8.57672Z'
fill='#7A5600'
/>
</svg>
</span>
);
}

11
webapp/channels/src/components/common/svg_images_components/index.ts Normal file
View File

@ -0,0 +1,11 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
export {SearchSVG} from './search_svg';
export {ChannelSearchSVG} from './channel_search_svg';
export {MentionsSVG} from './mentons_svg';
export {SavedMessagesSVG} from './saved_messages_svg';
export {PinSVG} from './pin_svg';
export {ChannelFilesSVG} from './channel_files_svg';
export {UserGroupsSVG} from './user_groups_svg';
export {UserGroupMembersSVG} from './user_groups_members_svg';

62
webapp/channels/src/components/common/svg_images_components/mentons_svg.tsx Normal file
View File

@ -0,0 +1,62 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import {useIntl} from 'react-intl';
export function MentionsSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
const {formatMessage} = useIntl();
return (
<span {...props}>
<svg
width='16px'
height='16px'
viewBox='0 0 16 16'
version='1.1'
role='img'
aria-label={formatMessage({id: 'generic_icons.mention', defaultMessage: 'Mention Icon'})}
fill='inherit'
>
<ellipse
cx='8.30971'
cy='13.729'
rx='5.62581'
ry='0.309677'
fill='black'
fillOpacity='0.06'
/>
<path
d='M7.2537 6.16993H13.3893C13.5018 6.16955 13.6132 6.19127 13.7172 6.23386C13.8213 6.27645 13.9159 6.33907 13.9956 6.41814C14.0754 6.49722 14.1388 6.5912 14.1822 6.69472C14.2256 6.79824 14.2481 6.90928 14.2485 7.02149V10.9128C14.2481 11.025 14.2256 11.136 14.1822 11.2396C14.1388 11.3431 14.0754 11.4371 13.9956 11.5161C13.9159 11.5952 13.8213 11.6578 13.7172 11.7004C13.6132 11.743 13.5018 11.7647 13.3893 11.7644H12.4838V13.221L11.1256 11.7644H7.25587C7.14343 11.7647 7.03201 11.743 6.92798 11.7004C6.82395 11.6578 6.72935 11.5952 6.64957 11.5161C6.56979 11.4371 6.5064 11.3431 6.46302 11.2396C6.41964 11.136 6.39711 11.025 6.39673 10.9128V7.02149C6.3975 6.79525 6.48815 6.57855 6.6488 6.41891C6.80945 6.25928 7.02698 6.16973 7.2537 6.16993V6.16993Z'
fill='#1E325C'
/>
<path
d='M11.1256 11.7644H7.25591C7.14346 11.7647 7.03205 11.743 6.92802 11.7004C6.82399 11.6578 6.72939 11.5952 6.64961 11.5162C6.56983 11.4371 6.50644 11.3431 6.46306 11.2396C6.41968 11.1361 6.39716 11.025 6.39678 10.9128V8.55042C6.39678 8.55042 6.66697 10.735 6.71551 10.9273C6.76404 11.1196 6.86039 11.4073 7.31675 11.455C7.77312 11.5027 11.1256 11.7644 11.1256 11.7644Z'
fill='#14213E'
/>
<path
d='M13.6117 7.79931C13.5493 7.5791 13.444 7.37337 13.3016 7.19397C13.1593 7.01457 12.9827 6.86505 12.7822 6.75401C12.7704 6.74802 12.7608 6.73826 12.7551 6.72627C12.7494 6.71429 12.7478 6.70074 12.7506 6.68776C12.7534 6.67478 12.7605 6.6631 12.7707 6.65455C12.7808 6.646 12.7936 6.64107 12.8069 6.64051C13.1937 6.61738 13.9746 6.69979 13.7298 7.79353C13.7272 7.80688 13.7202 7.81898 13.7099 7.82789C13.6996 7.8368 13.6866 7.842 13.673 7.84267C13.6594 7.84334 13.6459 7.83943 13.6348 7.83156C13.6237 7.8237 13.6156 7.81235 13.6117 7.79931V7.79931Z'
fill='#3C64B9'
/>
<path
d='M11.1317 2.72889H3.32269C3.17958 2.7284 3.03778 2.75605 2.90538 2.81026C2.77298 2.86446 2.65257 2.94416 2.55104 3.0448C2.4495 3.14544 2.36882 3.26505 2.31361 3.39681C2.2584 3.52856 2.22973 3.66988 2.22925 3.81269V8.76526C2.22973 8.90807 2.2584 9.04939 2.31361 9.18115C2.36882 9.3129 2.4495 9.43251 2.55104 9.53315C2.65257 9.6338 2.77298 9.71349 2.90538 9.7677C3.03778 9.8219 3.17958 9.84955 3.32269 9.84907H4.47514V11.7029L6.20382 9.84907H11.1289C11.272 9.84955 11.4138 9.8219 11.5462 9.7677C11.6786 9.71349 11.799 9.6338 11.9006 9.53315C12.0021 9.43251 12.0828 9.3129 12.138 9.18115C12.1932 9.04939 12.2219 8.90807 12.2224 8.76526V3.81269C12.2214 3.52475 12.106 3.24895 11.9016 3.04578C11.6971 2.8426 11.4202 2.72864 11.1317 2.72889V2.72889Z'
fill='#1C58D9'
/>
<path
d='M6.20386 9.84903H11.1289C11.2721 9.84952 11.4139 9.82186 11.5463 9.76766C11.6787 9.71346 11.7991 9.63376 11.9006 9.53312C12.0021 9.43248 12.0828 9.31286 12.138 9.18111C12.1932 9.04935 12.2219 8.90804 12.2224 8.76523V5.75854C12.2224 5.75854 11.8785 8.5389 11.8167 8.78363C11.755 9.02836 11.6323 9.39453 11.0515 9.45526C10.4707 9.51598 6.20386 9.84903 6.20386 9.84903Z'
fill='black'
fillOpacity='0.08'
/>
<path
d='M3.03968 4.8027C3.11902 4.52243 3.25314 4.2606 3.43432 4.03227C3.61549 3.80395 3.84014 3.61364 4.09532 3.47232C4.11044 3.46469 4.12259 3.45228 4.12987 3.43702C4.13716 3.42176 4.13917 3.40453 4.13558 3.38801C4.132 3.37149 4.12302 3.35662 4.11007 3.34574C4.09711 3.33486 4.0809 3.32857 4.06397 3.32787C3.57165 3.29843 2.57778 3.40332 2.8894 4.79534C2.89268 4.81233 2.90159 4.82773 2.91469 4.83907C2.92779 4.85041 2.94432 4.85704 2.96164 4.85789C2.97896 4.85873 2.99607 4.85376 3.01022 4.84375C3.02437 4.83375 3.03474 4.81929 3.03968 4.8027V4.8027Z'
fill='white'
fillOpacity='0.16'
/>
<path
d='M7.26631 6.91258C7.43613 6.91258 7.58688 6.84846 7.71858 6.72023C7.85027 6.58854 7.91612 6.43605 7.91612 6.26277C7.91612 6.08603 7.852 5.93354 7.72377 5.80531C7.59555 5.67708 7.44306 5.61297 7.26631 5.61297C7.09303 5.61297 6.94055 5.67882 6.80885 5.81051C6.68062 5.9422 6.61651 6.09296 6.61651 6.26277C6.61651 6.42912 6.68062 6.58161 6.80885 6.72023C6.94748 6.84846 7.09996 6.91258 7.26631 6.91258ZM7.26631 4.09503C7.85893 4.09503 8.36838 4.30817 8.79465 4.73444C9.22092 5.16071 9.43406 5.67015 9.43406 6.26277V6.57468C9.43406 6.78262 9.36128 6.96803 9.21572 7.13091C9.07017 7.273 8.88995 7.34405 8.67509 7.34405C8.41516 7.34405 8.20203 7.23661 8.03568 7.02174C7.82081 7.23661 7.56609 7.34405 7.27151 7.34405C6.97693 7.34405 6.72221 7.23661 6.50734 7.02174C6.29248 6.80688 6.18504 6.55389 6.18504 6.26277C6.18504 5.97166 6.29074 5.71521 6.50215 5.49341C6.71701 5.28547 6.97174 5.1815 7.26631 5.1815C7.56089 5.1815 7.81735 5.28547 8.03568 5.49341C8.24362 5.71174 8.34759 5.9682 8.34759 6.26277V6.57468C8.34759 6.66132 8.38051 6.7393 8.44636 6.80861C8.5122 6.87792 8.58845 6.91258 8.67509 6.91258C8.76519 6.91258 8.84144 6.87965 8.90382 6.81381C8.9662 6.74796 8.99739 6.66825 8.99739 6.57468V6.26277C8.99739 5.78452 8.82757 5.37731 8.48794 5.04114C8.15178 4.70151 7.74457 4.5317 7.26631 4.5317C6.78806 4.5317 6.37912 4.70151 6.03949 5.04114C5.70332 5.37731 5.53524 5.78452 5.53524 6.26277C5.53524 6.74103 5.70332 7.14997 6.03949 7.4896C6.37912 7.82577 6.78806 7.99385 7.26631 7.99385H8.34759V8.43052H7.26631C6.68062 8.43052 6.17291 8.21565 5.74318 7.78591C5.31344 7.35618 5.09857 6.84673 5.09857 6.25758C5.09857 5.66842 5.31344 5.16071 5.74318 4.73444C6.17291 4.30817 6.68062 4.09503 7.26631 4.09503Z'
fill='var(--center-channel-bg)'
/>
</svg>
</span>
);
}

54
webapp/channels/src/components/common/svg_images_components/pin_svg.tsx Normal file
View File

@ -0,0 +1,54 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import {useIntl} from 'react-intl';
export function PinSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
const {formatMessage} = useIntl();
return (
<span {...props}>
<svg
width='16px'
height='16px'
viewBox='0 0 16 16'
version='1.1'
role='img'
aria-label={formatMessage({id: 'generic_icons.pin', defaultMessage: 'Pin Icon'})}
>
<path
d='M6.38635 10.2446L6.3649 10.266L6.28152 10.3709C6.16941 10.4968 6.05008 10.6162 5.92413 10.7283L5.69302 10.9392L4.51722 11.9685L3.13056 13.0813C3.11601 13.0916 3.09957 13.099 3.08217 13.103C3.06478 13.1069 3.04677 13.1075 3.02918 13.1045C3.01159 13.1015 2.99476 13.0951 2.97965 13.0856C2.96455 13.0761 2.95145 13.0637 2.94113 13.0491C2.91479 13.0237 2.8983 12.9898 2.8946 12.9534C2.89089 12.9169 2.90021 12.8804 2.92089 12.8502L3.34022 12.3248L4.81027 10.5818L5.27249 10.0564C5.41307 9.91657 5.52504 9.80459 5.60843 9.7204L5.75615 9.5941C5.85019 9.52561 5.9653 9.49231 6.08139 9.49999C6.13809 9.50241 6.19362 9.51683 6.24435 9.5423C6.29507 9.56776 6.33981 9.60369 6.37563 9.64772C6.44966 9.72767 6.49202 9.83187 6.49476 9.9408C6.49161 10.051 6.45366 10.1573 6.38635 10.2446V10.2446Z'
fill='#A4A9B7'
/>
<path
d='M4.19214 11.6306L5.5788 9.95807L5.82092 10.0901L4.19214 11.6306Z'
fill='#E8E9ED'
/>
<path
d='M13.1063 6.64299C13.1074 6.69961 13.0967 6.75583 13.075 6.80812C13.0533 6.86041 13.0209 6.90763 12.9801 6.94679L12.8335 7.09452C12.6153 7.30982 12.3211 7.43052 12.0145 7.43052C11.708 7.43052 11.4137 7.30982 11.1955 7.09452C11.1906 7.08788 11.1843 7.08247 11.1769 7.07875C11.1696 7.07502 11.1615 7.07307 11.1532 7.07307C11.145 7.07307 11.1369 7.07502 11.1295 7.07875C11.1222 7.08247 11.1158 7.08788 11.1109 7.09452L9.36807 8.81609C9.31455 8.8719 9.28291 8.94514 9.27897 9.02237C9.27504 9.09961 9.29905 9.17568 9.34662 9.23665C9.55206 9.53842 9.64523 9.90266 9.60991 10.266C9.57423 10.6302 9.41489 10.9712 9.15841 11.2322L8.48652 11.9042C8.31064 12.079 8.07273 12.1771 7.82475 12.1771C7.57677 12.1771 7.33888 12.079 7.163 11.9042L4.07517 8.83753C3.90036 8.66164 3.80225 8.42371 3.80225 8.17572C3.80225 7.92772 3.90036 7.68979 4.07517 7.5139L4.76851 6.84195C5.02276 6.57429 5.36672 6.40972 5.73464 6.37969C6.09867 6.35206 6.46136 6.4482 6.76392 6.65252C6.82457 6.69406 6.898 6.71268 6.97111 6.70504C7.04423 6.6974 7.11224 6.664 7.163 6.61082L8.90347 4.89164C8.91045 4.87864 8.91411 4.86411 8.91411 4.84935C8.91411 4.83459 8.91045 4.82005 8.90347 4.80705C8.6882 4.58879 8.5675 4.29454 8.5675 3.98796C8.5675 3.68139 8.6882 3.38714 8.90347 3.16888L9.02975 3.02234C9.11874 2.94135 9.23465 2.89634 9.35497 2.89606C9.41174 2.8951 9.4681 2.90581 9.52056 2.92753C9.57302 2.94926 9.62046 2.98153 9.65993 3.02234L12.9777 6.34037C13.0187 6.37928 13.0514 6.42623 13.0735 6.47829C13.0956 6.53035 13.1068 6.58642 13.1063 6.64299Z'
fill='#FFBC1F'
/>
<path
d='M7.88983 8.15345C7.16788 7.43161 6.97271 6.92837 6.96538 6.76699C5.99691 6.34884 5.93086 6.5249 6.3931 7.05308C6.86344 7.59052 8.79228 9.05574 7.88983 8.15345Z'
fill='#FFD470'
/>
<path
d='M8.12913 7.49364C8.09642 7.52744 8.05714 7.55418 8.01371 7.57221C7.97027 7.59024 7.9236 7.59918 7.87658 7.59848C7.82971 7.5993 7.78319 7.59042 7.73993 7.57237C7.69667 7.55433 7.65761 7.52752 7.62522 7.49364C7.59261 7.46302 7.56652 7.42613 7.54851 7.38519C7.5305 7.34425 7.52093 7.30009 7.52039 7.25536C7.52281 7.1579 7.55999 7.06451 7.62522 6.99206L9.01068 5.62791C9.0589 5.58091 9.11976 5.54896 9.18584 5.53598C9.25191 5.523 9.32032 5.52954 9.38273 5.55482C9.44515 5.58009 9.49885 5.62299 9.53729 5.67829C9.57572 5.73358 9.59722 5.79888 9.59916 5.86619C9.59848 5.9109 9.58887 5.95501 9.57086 5.99594C9.55286 6.03686 9.52683 6.07377 9.49433 6.10447L8.12913 7.49126V7.49364Z'
fill='#FFD470'
/>
<path
d='M10.8812 6.86747L10.6679 6.64979C9.4567 5.44732 8.69515 5.26865 8.45715 5.33754L8.93402 4.88055L10.6679 6.64979C10.7375 6.71891 10.8086 6.79142 10.8812 6.86747Z'
fill='#F5AB00'
/>
<ellipse
cx='6.74289'
cy='13.0857'
rx='3.88571'
ry='0.285714'
fill='black'
fillOpacity='0.06'
/>
</svg>
</span>
);
}

59
webapp/channels/src/components/common/svg_images_components/saved_messages_svg.tsx Normal file
View File

@ -0,0 +1,59 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import {useIntl} from 'react-intl';
export function SavedMessagesSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
const {formatMessage} = useIntl();
return (
<span {...props}>
<svg
width='16'
height='16'
viewBox='0 0 16 16'
role='img'
aria-label={formatMessage({id: 'generic_icons.flag', defaultMessage: 'Flag Icon'})}
>
<ellipse
cx='8.30964'
cy='13.729'
rx='5.62581'
ry='0.309677'
fill='black'
fillOpacity='0.06'
/>
<path
d='M7.25364 6.16993H13.3893C13.5017 6.16955 13.6131 6.19127 13.7172 6.23386C13.8212 6.27645 13.9158 6.33907 13.9956 6.41814C14.0754 6.49722 14.1387 6.5912 14.1821 6.69472C14.2255 6.79824 14.248 6.90928 14.2484 7.02149V10.9128C14.248 11.025 14.2255 11.136 14.1821 11.2396C14.1387 11.3431 14.0754 11.4371 13.9956 11.5161C13.9158 11.5952 13.8212 11.6578 13.7172 11.7004C13.6131 11.743 13.5017 11.7647 13.3893 11.7644H12.4838V13.221L11.1255 11.7644H7.25581C7.14337 11.7647 7.03195 11.743 6.92792 11.7004C6.82389 11.6578 6.72929 11.5952 6.64951 11.5161C6.56973 11.4371 6.50634 11.3431 6.46296 11.2396C6.41958 11.136 6.39705 11.025 6.39667 10.9128V7.02149C6.39744 6.79525 6.48809 6.57855 6.64874 6.41891C6.80939 6.25928 7.02692 6.16973 7.25364 6.16993V6.16993Z'
fill='#1C58D9'
/>
<path
d='M11.1255 11.7644H7.25578C7.14334 11.7647 7.03192 11.743 6.9279 11.7004C6.82387 11.6578 6.72926 11.5952 6.64949 11.5162C6.56971 11.4371 6.50632 11.3431 6.46294 11.2396C6.41956 11.1361 6.39703 11.025 6.39665 10.9128V8.55042C6.39665 8.55042 6.66685 10.735 6.71539 10.9273C6.76392 11.1196 6.86027 11.4073 7.31663 11.455C7.773 11.5027 11.1255 11.7644 11.1255 11.7644Z'
fill='black'
fillOpacity='0.16'
/>
<path
d='M13.6117 7.79931C13.5493 7.5791 13.444 7.37337 13.3016 7.19397C13.1593 7.01457 12.9827 6.86505 12.7822 6.75401C12.7704 6.74802 12.7608 6.73826 12.7551 6.72627C12.7494 6.71429 12.7478 6.70074 12.7506 6.68776C12.7534 6.67478 12.7605 6.6631 12.7707 6.65455C12.7808 6.646 12.7936 6.64107 12.8069 6.64051C13.1937 6.61738 13.9746 6.69979 13.7298 7.79353C13.7272 7.80688 13.7202 7.81898 13.7099 7.82789C13.6996 7.8368 13.6866 7.842 13.673 7.84267C13.6594 7.84334 13.6459 7.83943 13.6348 7.83156C13.6237 7.8237 13.6156 7.81235 13.6117 7.79931V7.79931Z'
fill='white'
fillOpacity='0.16'
/>
<path
d='M11.1317 2.72889H3.32269C3.17958 2.7284 3.03778 2.75605 2.90538 2.81026C2.77298 2.86446 2.65257 2.94416 2.55104 3.0448C2.4495 3.14544 2.36882 3.26505 2.31361 3.39681C2.2584 3.52856 2.22973 3.66988 2.22925 3.81269V8.76526C2.22973 8.90807 2.2584 9.04939 2.31361 9.18115C2.36882 9.3129 2.4495 9.43251 2.55104 9.53315C2.65257 9.6338 2.77298 9.71349 2.90538 9.7677C3.03778 9.8219 3.17958 9.84955 3.32269 9.84907H4.47514V11.7029L6.20382 9.84907H11.1289C11.272 9.84955 11.4138 9.8219 11.5462 9.7677C11.6786 9.71349 11.799 9.6338 11.9006 9.53315C12.0021 9.43251 12.0828 9.3129 12.138 9.18115C12.1932 9.04939 12.2219 8.90807 12.2224 8.76526V3.81269C12.2214 3.52475 12.106 3.24895 11.9016 3.04578C11.6971 2.8426 11.4202 2.72864 11.1317 2.72889V2.72889Z'
fill='#FFBC1F'
/>
<path
d='M6.20386 9.84903H11.1289C11.2721 9.84952 11.4139 9.82186 11.5463 9.76766C11.6787 9.71346 11.7991 9.63376 11.9006 9.53312C12.0021 9.43248 12.0828 9.31286 12.138 9.18111C12.1932 9.04935 12.2219 8.90804 12.2224 8.76523V5.75854C12.2224 5.75854 11.8785 8.5389 11.8167 8.78363C11.755 9.02836 11.6323 9.39453 11.0515 9.45526C10.4707 9.51598 6.20386 9.84903 6.20386 9.84903Z'
fill='#CC8F00'
/>
<path
d='M3.03968 4.8027C3.11902 4.52243 3.25314 4.2606 3.43432 4.03227C3.61549 3.80395 3.84014 3.61364 4.09532 3.47232C4.11044 3.46469 4.12259 3.45228 4.12987 3.43702C4.13716 3.42176 4.13917 3.40453 4.13558 3.38801C4.132 3.37149 4.12302 3.35662 4.11007 3.34574C4.09711 3.33486 4.0809 3.32857 4.06397 3.32787C3.57165 3.29843 2.57778 3.40332 2.8894 4.79534C2.89268 4.81233 2.90159 4.82773 2.91469 4.83907C2.92779 4.85041 2.94432 4.85704 2.96164 4.85789C2.97896 4.85873 2.99607 4.85376 3.01022 4.84375C3.02437 4.83375 3.03474 4.81929 3.03968 4.8027V4.8027Z'
fill='#FFD470'
/>
<path
d='M8.38743 7.75912L7.17417 7.24561L5.96092 7.75912V4.70061H8.38743V7.75912ZM8.38743 4.23224H5.96092C5.82481 4.23224 5.70815 4.27926 5.61094 4.37331C5.51761 4.4636 5.47095 4.5727 5.47095 4.70061V8.4645L7.17417 7.75912L8.8774 8.4645V4.70061C8.8774 4.5727 8.82879 4.4636 8.73157 4.37331C8.63825 4.27926 8.52353 4.23224 8.38743 4.23224Z'
fill='var(--center-channel-bg)'
/>
</svg>
</span>
);
}

51
webapp/channels/src/components/common/svg_images_components/search_svg.tsx Normal file
View File

@ -0,0 +1,51 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import {useIntl} from 'react-intl';
export function SearchSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
const {formatMessage} = useIntl();
return (
<span {...props}>
<svg
width='16px'
height='16px'
viewBox='0 0 16 16'
role='img'
aria-label={formatMessage({id: 'generic_icons.search', defaultMessage: 'Search Icon'})}
>
<ellipse
cx='8.00003'
cy='13.9428'
rx='5.14286'
ry='0.342857'
fill='black'
fillOpacity='0.06'
/>
<path
opacity='0.4'
d='M4.29632 4.28665C4.83967 3.73638 5.52543 3.45295 6.35221 3.43774C7.16378 3.45295 7.84539 3.735 8.39704 4.28665C8.9473 4.8383 9.23073 5.51991 9.24594 6.33148C9.23073 7.15826 8.94868 7.84264 8.39704 8.38738C7.84539 8.93073 7.16378 9.21831 6.35221 9.24596C5.52543 9.21692 4.84106 8.93073 4.29632 8.38738C3.75297 7.84264 3.46678 7.15688 3.43774 6.3301C3.46678 5.51853 3.75297 4.83691 4.29632 4.28665Z'
fill='var(--center-channel-bg)'
/>
<path
d='M9.0157 5.81503C8.76979 5.01598 8.30426 4.41787 7.61841 4.0219C6.93256 3.62592 6.18182 3.52182 5.36688 3.70838C4.92123 3.82219 4.53297 4.01894 4.19893 4.2984C4.57246 3.89072 5.04629 3.60843 5.6192 3.45082C6.43414 3.26426 7.18858 3.3705 7.8806 3.77004C8.57262 4.16957 9.04185 4.76982 9.28776 5.56886C9.43894 6.14453 9.43139 6.69603 9.26386 7.22264C9.09757 7.74996 8.79906 8.19292 8.36781 8.54959C8.6916 8.19674 8.91439 7.78236 9.03565 7.30455C9.15568 6.82602 9.14898 6.33055 9.0157 5.81503Z'
fill='black'
fillOpacity='0.4'
/>
<path
d='M9.91539 6.1061C9.85737 5.24836 9.50928 4.49509 8.87249 3.84628C8.14729 3.15487 7.31021 2.80847 6.36124 2.80847C5.41227 2.80847 4.57657 3.15487 3.85137 3.84628C3.15657 4.56794 2.80847 5.39956 2.80847 6.3439C2.80847 7.28824 3.15657 8.12124 3.85137 8.84152C4.51717 9.47658 5.27828 9.81885 6.13332 9.86834C6.98836 9.9192 7.7771 9.68414 8.50229 9.16592L9.04515 9.70614L9.73996 9.01472L9.1971 8.47451C9.73305 7.75423 9.97202 6.96384 9.91539 6.1061ZM8.41527 8.37691C7.86412 8.91712 7.18313 9.20304 6.37229 9.23053C5.54626 9.20166 4.8625 8.91712 4.31826 8.37691C3.7754 7.8367 3.48946 7.15491 3.46046 6.33291C3.48946 5.52603 3.7754 4.84836 4.31826 4.2999C4.86112 3.75281 5.54626 3.47102 6.37229 3.4559C7.18313 3.47102 7.86412 3.75144 8.41527 4.2999C8.96504 4.84836 9.24821 5.52603 9.2634 6.33291C9.24821 7.15491 8.96642 7.8367 8.41527 8.37691Z'
fill='#BABEC9'
/>
<path
d='M12.1374 12.9928C11.9582 13.044 11.8256 13.026 11.7395 12.9388L8.92118 9.84586C8.83503 9.75867 8.79947 9.64658 8.81315 9.50819C8.82682 9.3698 8.91297 9.2148 9.07159 9.04043C9.24389 8.88129 9.39704 8.78995 9.53378 8.76781C9.67053 8.74566 9.78129 8.7858 9.86744 8.8882L12.9442 11.7404C13.0303 11.8276 13.044 11.9577 12.9866 12.132C12.9291 12.3064 12.8211 12.4808 12.6638 12.6552C12.4929 12.8295 12.3165 12.9416 12.1374 12.9928Z'
fill='#FFBC1F'
/>
<path
d='M12.3436 11.182L11.1915 12.3437L9.80249 10.819L10.8213 9.77838L12.3436 11.182Z'
fill='#7A5600'
/>
</svg>
</span>
);
}

61
webapp/channels/src/components/common/svg_images_components/user_groups_members_svg.tsx Normal file
View File

@ -0,0 +1,61 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import {useIntl} from 'react-intl';
export function UserGroupMembersSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
const {formatMessage} = useIntl();
return (
<span {...props}>
<svg
width='16px'
height='16px'
viewBox='0 0 16 16'
role='img'
aria-label={formatMessage({id: 'generic_icons.user_group_members', defaultMessage: 'User Group Members Icon'})}
>
<path
d='M2.89893 7.99759C2.89893 7.99759 3.07079 5.94996 4.15308 4.91802C5.23536 3.88608 6.27088 3.20281 8.45612 3.06962C10.6414 2.93643 12.0108 5.14108 12.2229 5.53414C12.435 5.92721 13.0637 7.09342 13.0637 7.99759C13.0637 8.90175 13.0702 10.801 11.7748 11.6446C10.4793 12.4881 9.23275 12.9797 8.33864 12.9331C7.44453 12.8866 5.18424 12.6992 4.17157 11.2926C3.15889 9.88605 2.89893 9.43667 2.89893 7.99759Z'
fill='#FFBC1F'
/>
<path
d='M8.15822 4.13296C8.61953 4.00166 9.11432 4.05773 9.53419 4.28889C9.5461 4.29577 9.55995 4.29859 9.57362 4.2969C9.58729 4.29521 9.60003 4.28911 9.6099 4.27954C9.61976 4.26997 9.62621 4.25744 9.62825 4.24388C9.63029 4.23032 9.62782 4.21646 9.6212 4.20443C9.42868 3.8525 8.92615 3.21146 8.0984 4.02684C8.08826 4.03647 8.08163 4.04918 8.07955 4.06297C8.07748 4.07677 8.08007 4.09086 8.08693 4.10302C8.09379 4.11518 8.10451 4.12473 8.11742 4.13015C8.13033 4.13557 8.14468 4.13656 8.15822 4.13296Z'
fill='#FFD470'
/>
<path
d='M6.11973 12.0008C5.59001 11.4594 4.88409 10.7707 4.95479 8.41556C5.02549 6.0604 5.5911 5.22662 5.99573 4.60074C6.21328 4.26073 6.98121 3.55797 7.921 3.11618C6.09145 3.323 5.13861 3.97486 4.14769 4.91801C3.05997 5.94887 2.89355 7.9965 2.89355 7.9965C2.89355 9.43559 3.15896 9.88605 4.17163 11.2916C5.1843 12.6971 7.44349 12.8855 8.33869 12.9321C8.3376 12.9321 6.64946 12.5455 6.11973 12.0008Z'
fill='#CC8F00'
/>
<path
d='M8.48238 11.454C8.48238 11.454 11.3105 11.507 11.8065 8.87251C11.8161 8.82411 11.8156 8.77424 11.805 8.72603C11.7944 8.67783 11.7739 8.63233 11.7448 8.59238C11.7157 8.55243 11.6786 8.51889 11.6359 8.49387C11.5931 8.46885 11.5457 8.45288 11.4965 8.44696C9.39113 8.23494 7.26819 8.26691 5.17026 8.54225C5.12253 8.54888 5.07666 8.56511 5.03543 8.58992C4.99419 8.61474 4.95845 8.64764 4.93038 8.68663C4.9023 8.72562 4.88248 8.76987 4.87211 8.81672C4.86174 8.86356 4.86103 8.91202 4.87004 8.95914C5.0071 9.69438 5.63145 11.2818 8.48238 11.454Z'
fill='#6F370B'
/>
<path
d='M8.78904 11.2623C8.78904 11.2623 7.06174 11.3912 6.34058 10.6711C6.34058 10.6711 6.42324 10.6094 6.42759 10.6061C6.52077 10.5512 6.62054 10.5083 6.72454 10.4783C6.90519 10.4266 7.09145 10.3968 7.27928 10.3895C7.38805 10.3841 7.49682 10.382 7.61103 10.3895C7.72584 10.3906 7.83999 10.4069 7.9504 10.4383C8.05931 10.4737 8.16428 10.5201 8.26367 10.5769C8.41214 10.6544 8.54258 10.7621 8.64655 10.8931C8.72821 11.0002 8.77762 11.1283 8.78904 11.2623V11.2623Z'
fill='#C43133'
/>
<path
d='M5.85327 8.62129C5.85327 8.62129 8.32567 8.46861 11.0918 8.52709C11.0918 8.52709 10.9503 9.07827 8.39637 9.07827C7.81988 9.07827 5.95987 9.30134 5.85327 8.62129Z'
fill='white'
/>
<path
d='M7.04643 6.34626C7.07363 6.97647 6.82889 7.49839 6.49387 7.51247C6.15885 7.52655 5.87061 7.02736 5.84124 6.39715C5.81187 5.76695 6.05878 5.24611 6.3938 5.23203C6.72882 5.21795 7.02033 5.71497 7.04643 6.34626Z'
fill='#6F370B'
/>
<path
d='M10.8122 6.34951C10.8361 6.90067 10.6197 7.35763 10.3281 7.37063C10.0366 7.38362 9.7843 6.94616 9.75928 6.39608C9.73427 5.846 9.95181 5.38796 10.2433 5.37496C10.5348 5.36197 10.7882 5.79835 10.8122 6.34951Z'
fill='#6F370B'
/>
<ellipse
cx='8.11423'
cy='14'
rx='3.88571'
ry='0.285714'
fill='black'
fillOpacity='0.08'
/>
</svg>
</span>
);
}

182
webapp/channels/src/components/common/svg_images_components/user_groups_svg.tsx Normal file
View File

@ -0,0 +1,182 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import {useIntl} from 'react-intl';
export function UserGroupsSVG(props: React.HTMLAttributes<HTMLSpanElement>) {
const {formatMessage} = useIntl();
return (
<span {...props}>
<svg
width='16px'
height='14px'
viewBox='0 0 16 14'
role='img'
aria-label={formatMessage({id: 'generic_icons.user_groups', defaultMessage: 'User Groups Icon'})}
>
<ellipse
cx='12.0482'
cy='7.18072'
rx='2.0241'
ry='0.240964'
fill='black'
fillOpacity='0.08'
/>
<ellipse
cx='2.93977'
cy='7.2289'
rx='1.20482'
ry='0.192771'
fill='black'
fillOpacity='0.08'
/>
<ellipse
cx='8.0482'
cy='11.6627'
rx='3.3253'
ry='0.289157'
fill='black'
fillOpacity='0.08'
/>
<path
d='M10.1574 4.14179C10.1574 4.14179 10.2337 3.22878 10.7166 2.76939C11.1996 2.31 11.6597 2.00433 12.6372 1.94657C13.6146 1.88881 14.222 2.87024 14.3162 3.04529C14.4104 3.22034 14.6911 3.7406 14.6911 4.14357C14.6911 4.54654 14.6942 5.3929 14.1172 5.76921C13.5401 6.14552 12.9835 6.36456 12.5849 6.34367C12.1864 6.32279 11.1786 6.23927 10.7274 5.61238C10.2761 4.98549 10.1574 4.78334 10.1574 4.14179Z'
fill='#FFBC1F'
/>
<path
d='M12.5046 2.41883C12.6067 2.38954 12.7135 2.38063 12.8191 2.3926C12.9246 2.40457 13.0268 2.43719 13.1196 2.48858C13.1249 2.4917 13.1311 2.493 13.1373 2.49226C13.1434 2.49152 13.1491 2.48879 13.1535 2.48449C13.158 2.48019 13.1608 2.47457 13.1617 2.46848C13.1626 2.46239 13.1615 2.45619 13.1584 2.45082C13.0727 2.29399 12.8487 2.00655 12.4782 2.37129C12.4737 2.37555 12.4706 2.3812 12.4697 2.38735C12.4687 2.39351 12.4698 2.39982 12.4728 2.40528C12.4758 2.41074 12.4806 2.41503 12.4863 2.41749C12.4921 2.41994 12.4985 2.42042 12.5046 2.41883V2.41883Z'
fill='#FFD470'
/>
<path
d='M11.5954 5.92648C11.3593 5.68345 11.0447 5.37779 11.0759 4.32705C11.1072 3.27631 11.3598 2.90534 11.5406 2.62677C11.6387 2.47482 11.9797 2.1616 12.3988 1.96478C11.5834 2.05719 11.1581 2.34776 10.7166 2.76805C10.2337 3.22744 10.1574 4.14045 10.1574 4.14045C10.1574 4.782 10.2757 4.98459 10.7274 5.60926C11.179 6.23392 12.1859 6.32012 12.5849 6.34055C12.5849 6.34144 11.8316 6.16728 11.5954 5.92648Z'
fill='#CC8F00'
/>
<path
d='M11.8383 4.92952C11.932 4.87487 11.9914 4.94906 12.0534 4.99216C12.2507 5.12766 12.4493 5.25517 12.6961 5.28094C13.0532 5.3187 13.3415 5.21385 13.5374 4.89709C13.5776 4.83178 13.6111 4.6945 13.7061 4.7447C13.8128 4.80157 13.6999 4.89842 13.678 4.9775L13.674 4.99127C13.6188 5.1048 13.5403 5.2056 13.4437 5.28723C13.3471 5.36885 13.2345 5.42951 13.113 5.46531C12.8153 5.55417 12.5118 5.55639 12.2203 5.42089C12.0819 5.35479 11.9635 5.25348 11.8771 5.12722C11.832 5.07035 11.8008 5.00504 11.8383 4.92952Z'
fill='#6F370B'
/>
<path
d='M11.8383 4.9295C11.8793 5.19075 12.1855 5.42978 12.5144 5.47421C12.9982 5.53953 13.383 5.37913 13.6749 4.99126C13.6749 5.16632 13.541 5.25784 13.4276 5.35381C13.0094 5.70925 12.2636 5.65638 11.8958 5.25118C11.8119 5.16232 11.7195 5.06013 11.8383 4.9295Z'
fill='#FFD470'
/>
<path
d='M14.3454 3.39733C14.3353 3.36357 14.3195 3.33203 14.3094 3.29826C14.2931 3.24349 14.2931 3.1851 14.3094 3.13033C14.2931 3.12811 14.2768 3.12633 14.2597 3.125C14.1378 3.11389 13.7644 3.12144 13.592 3.125C13.452 3.12828 13.315 3.16692 13.1935 3.2374C13.0853 3.29682 12.9648 3.32969 12.8417 3.33336C12.7312 3.336 12.6217 3.31177 12.5224 3.26272C12.4344 3.22629 12.2316 3.20452 12.0663 3.20452C11.9009 3.20452 11.2442 3.22984 11.0146 3.28093C10.7851 3.33203 10.7886 3.4622 10.7886 3.4622C10.8031 3.5746 10.9284 3.56349 10.979 3.56704C11.0296 3.5706 11.0397 3.60703 11.0432 3.65057C11.0568 3.81859 11.0863 3.98491 11.1312 4.14726C11.1959 4.3694 11.2966 4.39383 11.3753 4.43737C11.454 4.48091 11.6484 4.47025 11.8815 4.47025C12.1 4.46925 12.3178 4.44482 12.5312 4.39739C12.646 4.36496 12.6499 4.27077 12.6631 4.21613C12.6763 4.16148 12.7278 3.85715 12.7511 3.78118C12.7744 3.70521 12.8087 3.687 12.8267 3.67945C12.8586 3.67335 12.8915 3.67853 12.92 3.69411C12.9666 3.71232 13.0022 3.80651 13.0167 3.88648C13.0468 4.01828 13.0977 4.1443 13.1676 4.25966C13.2358 4.35785 13.4187 4.34319 13.6448 4.34319C13.8263 4.34475 14.0073 4.32356 14.1836 4.2801C14.2909 4.24989 14.3375 4.11483 14.3595 4.04242C14.3882 3.90981 14.4075 3.7753 14.4171 3.63991C14.4207 3.59548 14.4251 3.56394 14.4299 3.53683C14.391 3.49794 14.362 3.45006 14.3454 3.39733V3.39733Z'
fill='#CC8F00'
/>
<path
d='M10.8968 3.29382C10.8968 3.29382 10.8933 3.16321 11.1229 3.11256C11.3524 3.06191 12.0095 3.03659 12.1749 3.03659C12.3403 3.03659 12.5444 3.05836 12.6306 3.09434C12.7299 3.14365 12.8397 3.16789 12.9503 3.16498C13.0734 3.16133 13.194 3.12846 13.3022 3.06902C13.4236 2.99855 13.5606 2.95991 13.7007 2.95662C13.8731 2.95307 14.2465 2.94596 14.3683 2.95662C14.4901 2.96728 14.5944 2.99305 14.6322 3.02904C14.67 3.06502 14.7004 3.11789 14.6863 3.15254C14.6557 3.19705 14.6181 3.23621 14.575 3.2685C14.5495 3.29027 14.531 3.34091 14.5209 3.47153C14.5114 3.60691 14.4923 3.74142 14.4638 3.87403C14.4422 3.94645 14.3956 4.08151 14.2878 4.11216C14.1114 4.15524 13.9305 4.17628 13.749 4.1748C13.523 4.1748 13.34 4.18946 13.2718 4.09173C13.2019 3.97621 13.151 3.85004 13.121 3.7181C13.1069 3.63857 13.0708 3.54394 13.0242 3.52617C12.9957 3.51059 12.9628 3.50541 12.931 3.51151C12.9129 3.51862 12.8769 3.53683 12.8553 3.6128C12.8338 3.68877 12.7836 3.99354 12.7674 4.04819C12.7511 4.10283 12.7498 4.19657 12.6354 4.22945C12.4233 4.27664 12.2069 4.30136 11.9898 4.3032C11.7566 4.3032 11.5627 4.3143 11.4835 4.27077C11.4043 4.22723 11.3041 4.2019 11.2399 3.98066C11.1947 3.81836 11.1652 3.65202 11.1519 3.48397C11.1479 3.43954 11.1374 3.404 11.0872 3.40044C11.0371 3.39689 10.9113 3.40622 10.8968 3.29382Z'
fill='#090A0B'
/>
<path
d='M11.3621 3.50352C11.3624 3.56296 11.3665 3.62232 11.3744 3.68123C11.3843 3.76495 11.4051 3.84696 11.4364 3.92513C11.4653 3.99205 11.5107 4.05034 11.5684 4.0944C11.6358 4.11904 11.7073 4.1305 11.779 4.12816C11.8846 4.13083 12.2316 4.12594 12.284 4.12816C12.3363 4.13039 12.5065 4.13083 12.5479 4.08729C12.6148 4.02999 12.659 3.95014 12.6723 3.86249C12.6864 3.74165 12.6912 3.48753 12.6912 3.43688C12.6912 3.38624 12.6961 3.34803 12.6556 3.31604C12.6057 3.27588 12.5435 3.25452 12.4797 3.25562C12.4058 3.25829 11.8639 3.25296 11.7452 3.25562C11.6264 3.25829 11.494 3.25562 11.4435 3.30627C11.4143 3.32939 11.3916 3.35966 11.3773 3.39419C11.3631 3.42872 11.3578 3.46636 11.3621 3.50352Z'
fill='#2D3039'
/>
<path
d='M13.2432 3.49195C13.2432 3.49195 13.2626 3.64922 13.2793 3.71942C13.3011 3.7991 13.3349 3.87492 13.3796 3.94422C13.413 3.98864 13.4236 4.00952 13.5115 4.01885C13.5995 4.02818 13.8194 4.03618 13.9162 4.03351C14.0079 4.03397 14.0991 4.02018 14.1867 3.99264C14.2482 3.97127 14.2994 3.92714 14.3301 3.86914C14.3619 3.78761 14.3768 3.70038 14.374 3.61279C14.374 3.49951 14.3692 3.34623 14.3644 3.2987C14.3595 3.25116 14.2905 3.15609 14.1612 3.1512C13.9727 3.14758 13.7841 3.15485 13.5964 3.17297C13.4932 3.18468 13.3924 3.21209 13.2973 3.25427C13.2529 3.28137 13.2213 3.34268 13.2432 3.49195Z'
fill='#2D3039'
/>
<path
d='M11.392 4.02108C11.392 4.02108 11.396 4.00287 11.4083 4.00287C11.4206 4.00287 11.4334 4.00287 11.4549 4.03397C11.4765 4.06507 11.4945 4.11127 11.5288 4.1286C11.5667 4.14899 11.6095 4.15822 11.6524 4.15525C11.7316 4.15881 11.7962 4.14592 11.8178 4.15525C11.8393 4.16458 11.8499 4.21123 11.8266 4.21301C11.8033 4.21479 11.6326 4.21656 11.5807 4.21301C11.533 4.21351 11.4866 4.19786 11.4488 4.16858C11.422 4.1426 11.4022 4.1102 11.3911 4.0744C11.3872 4.05682 11.3875 4.03852 11.392 4.02108V4.02108Z'
fill='#3F4350'
/>
<path
d='M11.5288 3.79051C11.5312 3.79103 11.5336 3.79107 11.5359 3.79064C11.5383 3.7902 11.5405 3.7893 11.5425 3.78797C11.5445 3.78665 11.5463 3.78493 11.5476 3.78293C11.549 3.78092 11.5499 3.77867 11.5504 3.7763C11.5539 3.75808 11.5464 3.68744 11.5504 3.61103C11.5543 3.53462 11.5574 3.47153 11.604 3.44088C11.647 3.41067 11.6941 3.38688 11.7439 3.37024C11.7729 3.36447 11.8085 3.3538 11.8318 3.35025C11.8552 3.34669 11.8732 3.33381 11.8697 3.32493C11.8662 3.31604 11.7923 3.3156 11.7474 3.3156C11.6847 3.31114 11.6218 3.31114 11.5592 3.3156C11.5271 3.32493 11.4839 3.30671 11.4659 3.36624C11.4517 3.42687 11.4468 3.48936 11.4514 3.5515C11.4532 3.60037 11.4857 3.78696 11.5288 3.79051Z'
fill='#505667'
/>
<path
d='M11.7799 3.13078C11.7799 3.13078 11.7764 3.1441 11.816 3.14988C11.8556 3.15566 12.4691 3.1672 12.5478 3.17431C12.6266 3.18142 12.5478 3.12367 12.4726 3.10901C12.3497 3.08265 12.2248 3.0669 12.0992 3.06192C11.9699 3.06192 11.7654 3.07258 11.7799 3.13078Z'
fill='#505667'
/>
<path
d='M12.4115 3.43909C12.4345 3.44559 12.4547 3.45947 12.4692 3.47864C12.4872 3.50796 12.5013 3.55861 12.5409 3.5515C12.5804 3.54439 12.602 3.54483 12.6165 3.49552C12.6253 3.47235 12.6266 3.44697 12.6202 3.42302C12.6138 3.39907 12.6 3.37779 12.5809 3.36223C12.5369 3.32625 12.4978 3.30003 12.4621 3.31114C12.4265 3.32225 12.3742 3.3298 12.3742 3.36223C12.3742 3.39467 12.3544 3.39911 12.4115 3.43909Z'
fill='#63697E'
/>
<path
d='M14.1488 3.31469C14.1639 3.31904 14.1772 3.32824 14.1867 3.3409C14.1985 3.36045 14.2082 3.39377 14.2346 3.38888C14.261 3.384 14.2751 3.38488 14.2843 3.35201C14.2904 3.33664 14.2915 3.31968 14.2873 3.30367C14.2831 3.28766 14.2738 3.27345 14.261 3.26315C14.232 3.23916 14.206 3.22184 14.1823 3.22939C14.1585 3.23694 14.1251 3.24138 14.1251 3.26315C14.1251 3.28492 14.1106 3.28803 14.1488 3.31469Z'
fill='#63697E'
/>
<path
d='M13.3699 3.69142C13.406 3.69142 13.3915 3.64344 13.3954 3.59191C13.3994 3.54037 13.413 3.4142 13.4636 3.38088C13.5193 3.34351 13.5796 3.31365 13.643 3.29203C13.6967 3.27737 13.6822 3.2636 13.643 3.25605C13.5707 3.25139 13.4981 3.25738 13.4275 3.27382C13.3995 3.28314 13.3748 3.30043 13.3563 3.3236C13.3378 3.34677 13.3264 3.37483 13.3233 3.40443C13.3198 3.46796 13.3198 3.69009 13.3699 3.69142Z'
fill='#505667'
/>
<path
d='M13.2934 4.00287C13.3015 4.03601 13.319 4.06599 13.3439 4.08906C13.3606 4.10345 13.38 4.11436 13.4009 4.12115C13.4218 4.12793 13.4439 4.13047 13.4658 4.1286C13.5493 4.1326 13.5999 4.14415 13.6166 4.1286C13.6333 4.11305 13.6263 4.08195 13.6069 4.08195C13.5575 4.08666 13.5076 4.08245 13.4596 4.06951C13.4227 4.05041 13.3716 4.02864 13.358 3.99266C13.3444 3.95667 13.3294 3.93224 13.3079 3.93668C13.2863 3.94112 13.2797 3.96556 13.2934 4.00287Z'
fill='#3F4350'
/>
<path
d='M13.7601 3.06191C13.7601 3.06191 13.7535 3.07168 13.804 3.07168C13.8546 3.07168 14.1401 3.06413 14.2439 3.07168C14.3144 3.07508 14.3848 3.08235 14.4545 3.09345C14.4928 3.10056 14.5117 3.10545 14.5166 3.09345C14.5214 3.08146 14.4977 3.04902 14.4519 3.03525C14.3765 3.0161 14.2998 3.00317 14.2223 2.9966C14.1458 2.98949 14.0262 2.9966 13.954 2.9966C13.8916 2.99957 13.8297 3.01016 13.7697 3.02814C13.7579 3.03303 13.746 3.04014 13.7601 3.06191Z'
fill='#505667'
/>
<path
d='M13.0185 3.28939C13.0143 3.31215 13.0143 3.33549 13.0185 3.35825C13.0255 3.38713 13.0185 3.42667 13.0541 3.42889C13.0897 3.43111 13.1152 3.42489 13.1223 3.38802C13.1296 3.3439 13.1296 3.29885 13.1223 3.25473C13.1152 3.23696 13.0924 3.20453 13.0713 3.2103C13.0502 3.21608 13.0185 3.22052 13.0185 3.28939Z'
fill='#505667'
/>
<path
d='M1.30978 4.14351C1.30978 4.14351 1.38743 3.23071 1.87642 2.77069C2.36541 2.31067 2.83326 2.00608 3.82057 1.9467C4.80788 1.88733 5.42661 2.87012 5.52244 3.04535C5.61827 3.22057 5.90233 3.74045 5.90233 4.14351C5.90233 4.54657 5.90527 5.39324 5.31996 5.76927C4.73465 6.1453 4.17146 6.36445 3.76749 6.34369C3.36353 6.32293 2.34231 6.23943 1.88477 5.61239C1.42724 4.98535 1.30978 4.78503 1.30978 4.14351Z'
fill='#FFBC1F'
/>
<path
d='M3.68591 2.42073C3.89434 2.36219 4.11788 2.38719 4.30758 2.49024C4.31296 2.49331 4.31922 2.49456 4.3254 2.49381C4.33158 2.49306 4.33733 2.49034 4.34179 2.48607C4.34624 2.4818 4.34916 2.47622 4.35008 2.47017C4.351 2.46413 4.34988 2.45795 4.3469 2.45259C4.25991 2.2957 4.03287 2.00993 3.65888 2.37342C3.6543 2.37771 3.65131 2.38338 3.65037 2.38953C3.64943 2.39568 3.6506 2.40196 3.6537 2.40738C3.6568 2.4128 3.66165 2.41706 3.66748 2.41947C3.67331 2.42189 3.6798 2.42233 3.68591 2.42073Z'
fill='#FFD470'
/>
<path
d='M2.76495 5.92809C2.52562 5.68674 2.20668 5.37974 2.23862 4.32985C2.27057 3.27995 2.52611 2.90827 2.70893 2.62926C2.80721 2.47769 3.15417 2.16441 3.57878 1.96747C2.75217 2.05967 2.32167 2.35026 1.87397 2.7707C1.38253 3.23024 1.30734 4.14304 1.30734 4.14304C1.30734 4.78456 1.42725 4.98536 1.88478 5.61192C2.34231 6.23848 3.36303 6.32247 3.76749 6.34322C3.767 6.34322 3.00428 6.1709 2.76495 5.92809Z'
fill='#CC8F00'
/>
<path
d='M3.83237 5.68429C3.83237 5.68429 5.11013 5.70794 5.33423 4.53352C5.33858 4.51194 5.33835 4.48971 5.33356 4.46822C5.32876 4.44673 5.3195 4.42645 5.30635 4.40864C5.2932 4.39083 5.27645 4.37588 5.25715 4.36473C5.23784 4.35357 5.2164 4.34645 5.19416 4.34382C4.24295 4.2493 3.28379 4.26355 2.33592 4.38629C2.31436 4.38925 2.29363 4.39648 2.275 4.40755C2.25637 4.41861 2.24023 4.43328 2.22754 4.45066C2.21486 4.46804 2.2059 4.48776 2.20122 4.50865C2.19653 4.52953 2.19621 4.55113 2.20028 4.57214C2.2622 4.89989 2.5443 5.60754 3.83237 5.68429Z'
fill='#6F370B'
/>
<path
d='M3.97095 5.59887C3.97095 5.59887 3.19054 5.65631 2.86472 5.3353C2.86472 5.3353 2.90206 5.30779 2.90403 5.30634C2.94613 5.28187 2.9912 5.26273 3.03819 5.24938C3.11981 5.22632 3.20397 5.21303 3.28883 5.2098C3.33797 5.20738 3.38712 5.20642 3.43872 5.2098C3.49059 5.21025 3.54216 5.21755 3.59205 5.23152C3.64125 5.24731 3.68867 5.26802 3.73358 5.29331C3.80066 5.32787 3.8596 5.37589 3.90657 5.43426C3.94346 5.48204 3.96579 5.53912 3.97095 5.59887V5.59887Z'
fill='#C43133'
/>
<path
d='M2.64456 4.42154C2.64456 4.42154 3.76161 4.35348 5.01134 4.37954C5.01134 4.37954 4.94746 4.62526 3.79355 4.62526C3.53309 4.62526 2.69272 4.72471 2.64456 4.42154Z'
fill='white'
/>
<path
d='M3.18365 3.40736C3.19593 3.68829 3.08536 3.92096 2.934 3.92723C2.78263 3.93351 2.6524 3.71098 2.63913 3.43004C2.62586 3.14911 2.73742 2.91693 2.88878 2.91065C3.04015 2.90438 3.17185 3.12594 3.18365 3.40736Z'
fill='#6F370B'
/>
<path
d='M4.88502 3.40881C4.89584 3.65451 4.79804 3.85821 4.66634 3.86401C4.53464 3.8698 4.42063 3.67478 4.40933 3.42957C4.39803 3.18435 4.49631 2.98016 4.62801 2.97437C4.75971 2.96858 4.87421 3.16311 4.88502 3.40881Z'
fill='#6F370B'
/>
<path
d='M3.64932 6.79383C3.64932 6.79383 3.79668 5.05409 4.7294 4.1787C5.66211 3.3033 6.55495 2.7214 8.44118 2.60741C10.3274 2.49341 11.5028 4.36756 11.6857 4.70104C11.8686 5.03453 12.4104 6.02562 12.4104 6.79383C12.4104 7.56203 12.4156 9.17586 11.3 9.89047C10.1844 10.6051 9.11037 11.0253 8.33976 10.9854C7.56914 10.9454 5.62397 10.7863 4.7502 9.59187C3.87643 8.39745 3.64932 8.01547 3.64932 6.79383Z'
fill='#FFBC1F'
/>
<path
d='M8.18459 3.51088C8.38197 3.45509 8.58863 3.43809 8.79272 3.46086C8.99681 3.48364 9.19431 3.54574 9.37389 3.6436C9.38408 3.64934 9.39592 3.65164 9.40757 3.65016C9.41923 3.64867 9.43007 3.64348 9.43843 3.63537C9.44679 3.62726 9.45221 3.61669 9.45386 3.60527C9.45551 3.59384 9.4533 3.58221 9.44757 3.57214C9.282 3.27268 8.85032 2.72822 8.13344 3.42071C8.12415 3.42865 8.11792 3.43948 8.11579 3.45139C8.11367 3.46331 8.11578 3.47557 8.12178 3.48614C8.12777 3.4967 8.13728 3.50493 8.14871 3.50943C8.16015 3.51394 8.17281 3.51445 8.18459 3.51088Z'
fill='#FFD470'
/>
<path
d='M6.42839 10.1933C5.97071 9.73053 5.36392 9.14863 5.4246 7.15027C5.48528 5.15192 5.97244 4.44241 6.32177 3.91156C6.51161 3.62146 7.1704 3.0251 7.98003 2.64993C6.40412 2.82603 5.58236 3.37901 4.7294 4.18124C3.79668 5.05664 3.64932 6.79637 3.64932 6.79637C3.64932 8.01801 3.87817 8.39999 4.7502 9.59441C5.62224 10.7888 7.56915 10.9479 8.33976 10.9879C8.33976 10.9845 6.88435 10.6561 6.42839 10.1933Z'
fill='#CC8F00'
/>
<path
d='M6.23069 5.88441C6.15354 5.48967 6.34425 5.12301 6.65631 5.06431C6.96837 5.00561 7.2839 5.27869 7.36018 5.67258C7.43646 6.06647 7.24576 6.43398 6.9337 6.49268C6.62163 6.55138 6.31044 6.2783 6.23069 5.88441Z'
fill='#FFD470'
/>
<path
d='M9.16841 6.24767C9.16841 6.24767 9.04619 5.99245 9.25943 5.85803C9.47267 5.72361 10.1523 5.44883 10.8613 5.73723C11.085 5.85208 11.2367 6.12091 11.0945 6.24767C10.9523 6.37443 10.8414 6.21449 10.72 6.14983C10.5987 6.08518 10.1315 5.9363 9.80726 6.09624C9.48307 6.25617 9.28977 6.43909 9.16841 6.24767Z'
fill='#FFD470'
/>
<path
d='M9.68073 8.08608C9.57569 8.18012 9.4629 8.26548 9.34354 8.3413C9.19098 8.43573 8.96647 8.4553 8.79137 8.46551C8.63187 8.47486 8.47324 8.47572 8.31374 8.47231C8.17397 8.46509 8.03565 8.44079 7.902 8.4C7.63866 8.33441 7.38761 8.22816 7.15826 8.08523C7.04123 8.01207 6.92335 8.15329 6.97882 8.26133C7.08118 8.46417 7.2273 8.6427 7.40704 8.78453C7.6126 8.93662 7.85597 9.03181 8.11177 9.06017C8.23877 9.07675 8.36718 9.08017 8.49491 9.07038C8.67382 9.06156 8.85089 9.03069 9.02194 8.9785C9.29137 8.8808 9.53323 8.72158 9.72754 8.514C9.79169 8.43828 9.94685 8.23751 9.89311 8.13202C9.88396 8.11356 9.87067 8.09737 9.85424 8.08467C9.83781 8.07196 9.81867 8.06306 9.79824 8.05864C9.77782 8.05422 9.75664 8.0544 9.73629 8.05915C9.71594 8.0639 9.69694 8.07311 9.68073 8.08608Z'
fill='#6F370B'
/>
<path
d='M6.33305 5.74998C6.2559 5.35525 6.4466 4.98433 6.75866 4.92988C7.07072 4.87544 7.38624 5.14427 7.46252 5.53815C7.5388 5.93204 7.3481 6.29955 7.03691 6.35825C6.72572 6.41695 6.40933 6.14472 6.33305 5.74998Z'
fill='#6F370B'
/>
<path
d='M9.26468 6.11323C9.26468 6.11323 9.14333 5.85801 9.3557 5.7236C9.56807 5.58918 10.2485 5.3144 10.9576 5.60279C11.1813 5.71764 11.333 5.98647 11.1908 6.11323C11.0486 6.23998 10.9377 6.08005 10.8163 6.01539C10.695 5.95074 10.2277 5.80271 9.90354 5.9618C9.57934 6.12088 9.38864 6.30464 9.26468 6.11323Z'
fill='#6F370B'
/>
</svg>
</span>
);
}

10
webapp/channels/src/components/emoji_picker/emoji_picker.tsx
View File

@ -391,8 +391,8 @@ const EmojiPicker = ({
/>
{areSearchResultsEmpty ? (
<NoResultsIndicator
variant={NoResultsVariant.ChannelSearch}
titleValues={{channelName: `"${filter}"`}}
variant={NoResultsVariant.Search}
titleValues={{channelName: `${filter}`}}
/>
) : (
<EmojiPickerCurrentResults
@ -412,9 +412,9 @@ const EmojiPicker = ({
/>
)}
<div className='emoji-picker__footer'>
<EmojiPickerPreview
emoji={cursor.emoji}
/>
{areSearchResultsEmpty ? (<div/>) :
(<EmojiPickerPreview emoji={cursor.emoji}/>)
}
<EmojiPickerCustomEmojiButton
currentTeamName={currentTeamName}
customEmojisEnabled={customEmojisEnabled}

4
webapp/channels/src/components/gif_picker/components/gif_picker_items.tsx
View File

@ -49,8 +49,8 @@ function GifPickerItems(props: Props) {
width={props.width}
noResultsMessage={
<NoResultsIndicator
variant={NoResultsVariant.ChannelSearch}
titleValues={{channelName: `"${props.filter}"`}}
variant={NoResultsVariant.Search}
titleValues={{channelName: `${props.filter}`}}
/>
}
fetchGifs={fetchGifs}

4
webapp/channels/src/components/global_header/right_controls/saved_posts_button/__snapshots__/saved_posts_button.test.tsx.snap
View File

@ -9,7 +9,7 @@ exports[`components/global/AtMentionsButton should match snapshot 1`] = `
id="recentMentions"
>
<Memo(MemoizedFormattedMessage)
defaultMessage="Saved posts"
defaultMessage="Saved messages"
id="channel_header.flagged"
/>
</Tooltip>
@ -25,7 +25,7 @@ exports[`components/global/AtMentionsButton should match snapshot 1`] = `
<ForwardRef
aria-controls="searchContainer"
aria-expanded={false}
aria-label="Saved posts"
aria-label="Saved messages"
compact={true}
icon="bookmark-outline"
inverted={true}

4
webapp/channels/src/components/global_header/right_controls/saved_posts_button/saved_posts_button.tsx
View File

@ -35,7 +35,7 @@ const SavedPostsButton = (): JSX.Element | null => {
<Tooltip id='recentMentions'>
<FormattedMessage
id='channel_header.flagged'
defaultMessage='Saved posts'
defaultMessage='Saved messages'
/>
</Tooltip>
);
@ -56,7 +56,7 @@ const SavedPostsButton = (): JSX.Element | null => {
compact={true}
aria-expanded={rhsState === RHSStates.FLAG}
aria-controls='searchContainer' // Must be changed if the ID of the container changes
aria-label={formatMessage({id: 'channel_header.flagged', defaultMessage: 'Saved posts'})}
aria-label={formatMessage({id: 'channel_header.flagged', defaultMessage: 'Saved messages'})}
/>
</OverlayTrigger>
);

6
webapp/channels/src/components/main_menu/__snapshots__/main_menu.test.tsx.snap
View File

@ -686,7 +686,7 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
id="flaggedPosts"
onClick={[Function]}
show={true}
text="Saved Posts"
text="Saved messages"
/>
</MenuGroup>
<MenuGroup>
@ -1299,7 +1299,7 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
id="flaggedPosts"
onClick={[Function]}
show={true}
text="Saved Posts"
text="Saved messages"
/>
</MenuGroup>
<MenuGroup>
@ -1929,7 +1929,7 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
id="flaggedPosts"
onClick={[Function]}
show={true}
text="Saved Posts"
text="Saved messages"
/>
</MenuGroup>
<MenuGroup>

2
webapp/channels/src/components/main_menu/main_menu.tsx
View File

@ -214,7 +214,7 @@ export class MainMenu extends React.PureComponent<Props> {
id='flaggedPosts'
onClick={this.getFlagged}
icon={<i className='fa fa-bookmark'/>}
text={formatMessage({id: 'sidebar_right_menu.flagged', defaultMessage: 'Saved Posts'})}
text={formatMessage({id: 'sidebar_right_menu.flagged', defaultMessage: 'Saved messages'})}
/>
</Menu.Group>
<Menu.Group>

10
webapp/channels/src/components/no_results_indicator/__snapshots__/no_results_indicator.test.tsx.snap
View File

@ -10,7 +10,7 @@ exports[`components/no_results_indicator should match snapshot when expanded 1`]
<div
className="no-results__variant-wrapper"
>
<SearchIcon
<SearchSVG
className="no-results__icon"
/>
</div>
@ -21,14 +21,14 @@ exports[`components/no_results_indicator should match snapshot when expanded 1`]
className="no-results__title"
>
<MemoizedFormattedMessage
id="no_results.channel_search.title"
id="no_results.search.title"
/>
</h3>
<div
className="no-results__subtitle"
>
<MemoizedFormattedMessage
id="no_results.channel_search.subtitle"
id="no_results.search.subtitle"
/>
</div>
</div>
@ -224,14 +224,14 @@ exports[`components/no_results_indicator should match snapshot with variant Pinn
className="no-results__title"
>
<MemoizedFormattedMessage
id="no_results.pinned_posts.title"
id="no_results.pinned_messages.title"
/>
</h3>
<div
className="no-results__subtitle"
>
<MemoizedFormattedMessage
id="no_results.pinned_posts.subtitle"
id="no_results.pinned_messages.subtitle"
/>
</div>
</div>

9
webapp/channels/src/components/no_results_indicator/no_results_indicator.scss
View File

@ -44,7 +44,6 @@
align-items: center;
justify-content: center;
margin: 22px;
background: rgba(var(--center-channel-color-rgb), 0.08);
border-radius: 100%;
}
@ -57,12 +56,16 @@
line-height: 20px;
}
.no-results__subtitle {
color: rgba(var(--center-channel-color-rgb), 0.72);
}
.no-results__icon {
display: flex;
svg {
width: 62px;
height: 62px;
width: 140px;
height: 140px;
fill: var(--button-bg);
}

2
webapp/channels/src/components/no_results_indicator/no_results_indicator.test.tsx
View File

@ -86,7 +86,7 @@ describe('components/no_results_indicator', () => {
test('should match snapshot when expanded', () => {
const wrapper = shallow(
<NoResultsIndicator
variant={NoResultsVariant.ChannelSearch}
variant={NoResultsVariant.Search}
expanded={true}
/>,
);

44
webapp/channels/src/components/no_results_indicator/no_results_indicator.tsx
View File

@ -7,14 +7,12 @@ import type {ReactNode, CSSProperties} from 'react';
import {FormattedMessage} from 'react-intl';
import type {MessageDescriptor} from 'react-intl';
import FlagIcon from 'components/widgets/icons/flag_icon';
import MentionsIcon from 'components/widgets/icons/mentions_icon';
import PinIcon from 'components/widgets/icons/pin_icon';
import SearchIcon from 'components/widgets/icons/search_icon';
import {SearchSVG, ChannelSearchSVG, MentionsSVG, SavedMessagesSVG, PinSVG, ChannelFilesSVG, UserGroupsSVG, UserGroupMembersSVG} from 'components/common/svg_images_components';
import {t} from 'utils/i18n';
import {NoResultsVariant, NoResultsLayout} from './types';
import './no_results_indicator.scss';
interface Props {
expanded?: boolean;
@ -31,18 +29,26 @@ interface Props {
}
const iconMap: {[key in NoResultsVariant]: React.ReactNode } = {
[NoResultsVariant.ChannelSearch]: <SearchIcon className='no-results__icon'/>,
[NoResultsVariant.Mentions]: <MentionsIcon className='no-results__icon'/>,
[NoResultsVariant.FlaggedPosts]: <FlagIcon className='no-results__icon'/>,
[NoResultsVariant.PinnedPosts]: <PinIcon className='no-results__icon'/>,
[NoResultsVariant.ChannelFiles]: <i className='icon icon-file-text-outline no-results__icon'/>,
[NoResultsVariant.ChannelFilesFiltered]: <i className='icon icon-file-text-outline no-results__icon'/>,
[NoResultsVariant.UserGroups]: <i className='icon icon-account-multiple-outline no-results__icon'/>,
[NoResultsVariant.UserGroupMembers]: <i className='icon icon-account-outline no-results__icon'/>,
[NoResultsVariant.UserGroupsArchived]: <i className='icon icon-account-multiple-outline no-results__icon'/>,
[NoResultsVariant.Search]: <SearchSVG className='no-results__icon'/>,
[NoResultsVariant.ChannelSearch]: <ChannelSearchSVG className='no-results__icon'/>,
[NoResultsVariant.Files]: <ChannelFilesSVG className='no-results__icon'/>,
[NoResultsVariant.Mentions]: <MentionsSVG className='no-results__icon'/>,
[NoResultsVariant.FlaggedPosts]: <SavedMessagesSVG className='no-results__icon'/>,
[NoResultsVariant.PinnedPosts]: <PinSVG className='no-results__icon'/>,
[NoResultsVariant.ChannelFiles]: <ChannelFilesSVG className='no-results__icon'/>,
[NoResultsVariant.ChannelFilesFiltered]: <ChannelFilesSVG className='no-results__icon'/>,
[NoResultsVariant.UserGroups]: <UserGroupsSVG className='no-results__icon'/>,
[NoResultsVariant.UserGroupMembers]: <UserGroupMembersSVG className='no-results__icon'/>,
[NoResultsVariant.UserGroupsArchived]: <UserGroupsSVG className='no-results__icon'/>,
};
const titleMap: {[key in NoResultsVariant]: MessageDescriptor} = {
[NoResultsVariant.Search]: {
id: t('no_results.search.title'),
},
[NoResultsVariant.Files]: {
id: t('no_results.Files.title'),
},
[NoResultsVariant.ChannelSearch]: {
id: t('no_results.channel_search.title'),
},
@ -53,7 +59,7 @@ const titleMap: {[key in NoResultsVariant]: MessageDescriptor} = {
id: t('no_results.flagged_posts.title'),
},
[NoResultsVariant.PinnedPosts]: {
id: t('no_results.pinned_posts.title'),
id: t('no_results.pinned_messages.title'),
},
[NoResultsVariant.ChannelFiles]: {
id: t('no_results.channel_files.title'),
@ -73,6 +79,12 @@ const titleMap: {[key in NoResultsVariant]: MessageDescriptor} = {
};
const subtitleMap: {[key in NoResultsVariant]: MessageDescriptor} = {
[NoResultsVariant.Search]: {
id: t('no_results.search.subtitle'),
},
[NoResultsVariant.Files]: {
id: t('no_results.Files.subtitle'),
},
[NoResultsVariant.ChannelSearch]: {
id: t('no_results.channel_search.subtitle'),
},
@ -83,7 +95,7 @@ const subtitleMap: {[key in NoResultsVariant]: MessageDescriptor} = {
id: t('no_results.flagged_posts.subtitle'),
},
[NoResultsVariant.PinnedPosts]: {
id: t('no_results.pinned_posts.subtitle'),
id: t('no_results.pinned_messages.subtitle'),
},
[NoResultsVariant.ChannelFiles]: {
id: t('no_results.channel_files.subtitle'),
@ -102,8 +114,6 @@ const subtitleMap: {[key in NoResultsVariant]: MessageDescriptor} = {
},
};
import './no_results_indicator.scss';
const NoResultsIndicator = ({
expanded,
style,

4
webapp/channels/src/components/no_results_indicator/types.ts
View File

@ -2,6 +2,8 @@
// See LICENSE.txt for license information.
export enum NoResultsVariant {
Search = 'Search',
Files = 'Files',
ChannelSearch = 'ChannelSearch',
Mentions = 'Mentions',
FlaggedPosts = 'FlaggedPosts',
@ -9,8 +11,8 @@ export enum NoResultsVariant {
ChannelFiles = 'ChannelFiles',
ChannelFilesFiltered = 'ChannelFilesFiltered',
UserGroups = 'UserGroups',
UserGroupsArchived = 'UserGroupsArchived',
UserGroupMembers = 'UserGroupMembers',
UserGroupsArchived = 'UserGroupsArchived',
}
export enum NoResultsLayout {

2
webapp/channels/src/components/post_view/post_flag_icon/__snapshots__/post_flag_icon.test.tsx.snap
View File

@ -12,7 +12,7 @@ exports[`components/post_view/PostFlagIcon should match snapshot 1`] = `
id="flagTooltip"
>
<Memo(MemoizedFormattedMessage)
defaultMessage="Save"
defaultMessage="Save Message"
id="flag_post.flag"
/>
</Tooltip>

2
webapp/channels/src/components/post_view/post_flag_icon/post_flag_icon.tsx
View File

@ -96,7 +96,7 @@ const PostFlagIcon = ({
>
<FormattedMessage
id={isFlagged ? t('flag_post.unflag') : t('flag_post.flag')}
defaultMessage={isFlagged ? 'Remove from Saved' : 'Save'}
defaultMessage={isFlagged ? 'Remove from Saved' : 'Save Message'}
/>
</Tooltip>
}

4
webapp/channels/src/components/quick_switch_modal/quick_switch_modal.tsx
View File

@ -240,8 +240,8 @@ export default class QuickSwitchModal extends React.PureComponent<Props, State>
/>
{!this.state.shouldShowLoadingSpinner && !this.state.hasSuggestions && this.state.text &&
<NoResultsIndicator
variant={NoResultsVariant.ChannelSearch}
titleValues={{channelName: `"${this.state.pretext}"`}}
variant={NoResultsVariant.Search}
titleValues={{channelName: `${this.state.pretext}`}}
/>
}
</div>

4
webapp/channels/src/components/rhs_card_header/rhs_card_header.tsx
View File

@ -74,7 +74,7 @@ class RhsCardHeader extends React.PureComponent<Props> {
<Tooltip id='backToResultsTooltip'>
<FormattedMessage
id='rhs_header.backToFlaggedTooltip'
defaultMessage='Back to saved posts'
defaultMessage='Back to saved messages'
/>
</Tooltip>
);
@ -84,7 +84,7 @@ class RhsCardHeader extends React.PureComponent<Props> {
<Tooltip id='backToResultsTooltip'>
<FormattedMessage
id='rhs_header.backToPinnedTooltip'
defaultMessage='Back to pinned posts'
defaultMessage='Back to pinned messages'
/>
</Tooltip>
);

4
webapp/channels/src/components/rhs_header_post/rhs_header_post.tsx
View File

@ -106,7 +106,7 @@ class RhsHeaderPost extends React.PureComponent<Props> {
<Tooltip id='backToResultsTooltip'>
<FormattedMessage
id='rhs_header.backToFlaggedTooltip'
defaultMessage='Back to saved posts'
defaultMessage='Back to saved messages'
/>
</Tooltip>
);
@ -116,7 +116,7 @@ class RhsHeaderPost extends React.PureComponent<Props> {
<Tooltip id='backToResultsTooltip'>
<FormattedMessage
id='rhs_header.backToPinnedTooltip'
defaultMessage='Back to pinned posts'
defaultMessage='Back to pinned messages'
/>
</Tooltip>
);

37
webapp/channels/src/components/search_results/search_results.tsx
View File

@ -21,7 +21,6 @@ import NoResultsIndicator from 'components/no_results_indicator/no_results_indic
import {NoResultsVariant} from 'components/no_results_indicator/types';
import SearchHint from 'components/search_hint/search_hint';
import SearchResultsHeader from 'components/search_results_header';
import FlagIcon from 'components/widgets/icons/flag_icon';
import LoadingSpinner from 'components/widgets/loading/loading_wrapper';
import {searchHintOptions, DataSearchTypes} from 'utils/constants';
@ -191,19 +190,26 @@ const SearchResults: React.FC<Props> = (props: Props): JSX.Element => {
titleDescriptor.defaultMessage = 'Recent Mentions';
} else if (isFlaggedPosts) {
noResultsProps.variant = NoResultsVariant.FlaggedPosts;
noResultsProps.subtitleValues = {icon: <FlagIcon className='icon no-results__mini_icon'/>};
noResultsProps.subtitleValues = {buttonText: <strong>{
intl.formatMessage({
id: 'flag_post.flag',
defaultMessage: 'Save Message'},
)}</strong>};
titleDescriptor.id = t('search_header.title3');
titleDescriptor.defaultMessage = 'Saved Posts';
titleDescriptor.defaultMessage = 'Saved messages';
} else if (isPinnedPosts) {
noResultsProps.variant = NoResultsVariant.PinnedPosts;
noResultsProps.subtitleValues = {text: <strong>{'Pin to Channel'}</strong>};
noResultsProps.subtitleValues = {text: <strong>{
intl.formatMessage({
id: 'post_info.pin',
defaultMessage: 'Pin to Channel',
})}</strong>};
sortedResults = [...results];
sortedResults.sort((postA: Post|FileSearchResultItemType, postB: Post|FileSearchResultItemType) => postB.create_at - postA.create_at);
titleDescriptor.id = t('search_header.pinnedPosts');
titleDescriptor.defaultMessage = 'Pinned Posts';
titleDescriptor.id = t('search_header.pinnedMessages');
titleDescriptor.defaultMessage = 'Pinned messages';
} else if (isChannelFiles) {
if (searchFilterType === 'all') {
noResultsProps.variant = NoResultsVariant.ChannelFiles;
@ -219,8 +225,13 @@ const SearchResults: React.FC<Props> = (props: Props): JSX.Element => {
} else if (!searchTerms && noResults && noFileResults) {
titleDescriptor.id = t('search_header.search');
titleDescriptor.defaultMessage = 'Search';
} else if (searchType === DataSearchTypes.FILES_SEARCH_TYPE && !isChannelFiles) {
noResultsProps.variant = NoResultsVariant.Files;
noResultsProps.titleValues = {searchTerm: `${searchTerms}`};
titleDescriptor.id = t('search_header.results');
titleDescriptor.defaultMessage = 'Search Results';
} else {
noResultsProps.titleValues = {channelName: `"${searchTerms}"`};
noResultsProps.titleValues = {channelName: `${searchTerms}`};
titleDescriptor.id = t('search_header.results');
titleDescriptor.defaultMessage = 'Search Results';
@ -261,7 +272,10 @@ const SearchResults: React.FC<Props> = (props: Props): JSX.Element => {
{'sidebar-expanded': isSideBarExpanded},
])}
>
<NoResultsIndicator {...noResultsProps}/>
<NoResultsIndicator
style={{padding: '48px'}}
{...noResultsProps}
/>
</div>
);
break;
@ -273,7 +287,10 @@ const SearchResults: React.FC<Props> = (props: Props): JSX.Element => {
{'sidebar-expanded': isSideBarExpanded},
])}
>
<NoResultsIndicator {...noResultsProps}/>
<NoResultsIndicator
style={{padding: '48px'}}
{...noResultsProps}
/>
</div>
);
break;

4
webapp/channels/src/components/user_groups_modal/user_groups_list/user_groups_list.tsx
View File

@ -119,8 +119,8 @@ const UserGroupsList = (props: Props) => {
if (groups.length === 0 && searchTerm) {
return (
<NoResultsIndicator
variant={NoResultsVariant.ChannelSearch}
titleValues={{channelName: `"${searchTerm}"`}}
variant={NoResultsVariant.Search}
titleValues={{channelName: `${searchTerm}`}}
/>
);
}

4
webapp/channels/src/components/view_user_group_modal/view_user_group_modal.tsx
View File

@ -247,8 +247,8 @@ export default class ViewUserGroupModal extends React.PureComponent<Props, State
}
{(users.length === 0 && this.props.searchTerm) &&
<NoResultsIndicator
variant={NoResultsVariant.ChannelSearch}
titleValues={{channelName: `"${this.props.searchTerm}"`}}
variant={NoResultsVariant.Search}
titleValues={{channelName: `${this.props.searchTerm}`}}
/>
}
{users.map((user) => {

38
webapp/channels/src/i18n/en.json
View File

@ -2933,7 +2933,7 @@
"channel_header.delete": "Archive Channel",
"channel_header.directchannel.you": "{displayname} (you) ",
"channel_header.editLink": "Edit",
"channel_header.flagged": "Saved posts",
"channel_header.flagged": "Saved messages",
"channel_header.groupMessageHasGuests": "This group message has guests",
"channel_header.lastActive": "Last online {timestamp}",
"channel_header.lastOnline": "Last online {timestamp}",
@ -2943,7 +2943,7 @@
"channel_header.mute": "Mute Channel",
"channel_header.muteConversation": "Mute Conversation",
"channel_header.openChannelInfo": "View Info",
"channel_header.pinnedPosts": "Pinned posts",
"channel_header.pinnedPosts": "Pinned messages",
"channel_header.recentMentions": "Recent mentions",
"channel_header.rename": "Rename Channel",
"channel_header.search": "Search",
@ -2968,7 +2968,7 @@
"channel_info_rhs.menu.files.filter": "Filter",
"channel_info_rhs.menu.members": "Members",
"channel_info_rhs.menu.notification_preferences": "Notification Preferences",
"channel_info_rhs.menu.pinned": "Pinned Messages",
"channel_info_rhs.menu.pinned": "Pinned messages",
"channel_info_rhs.top_buttons.add_people": "Add People",
"channel_info_rhs.top_buttons.copied": "Copied",
"channel_info_rhs.top_buttons.copy": "Copy Link",
@ -3546,7 +3546,7 @@
"filtered_user_list.team": "Team:",
"filtered_user_list.userStatus": "User Status:",
"FIVE_HUNDRED_TO_1000": "501-1000",
"flag_post.flag": "Save",
"flag_post.flag": "Save Message",
"flag_post.unflag": "Remove from Saved",
"footer_pagination.count": "Showing {startCount, number}-{endCount, number} of {total, number}",
"footer_pagination.next": "Next",
@ -3615,6 +3615,8 @@
"generic_icons.back": "Back Icon",
"generic_icons.breadcrumb": "Breadcrumb Icon",
"generic_icons.call": "Call icon",
"generic_icons.channel_files": "Channel Files Icon",
"generic_icons.channel_search": "Channel Search Icon",
"generic_icons.channel.private": "Private Channel Icon",
"generic_icons.channel.public": "Public Channel Icon",
"generic_icons.check.circle": "Check Circle Icon",
@ -3655,6 +3657,8 @@
"generic_icons.success": "Success Icon",
"generic_icons.upgradeBadge": "Upgrade badge",
"generic_icons.upload": "Upload Icon",
"generic_icons.user_group_members": "User Group Members Icon",
"generic_icons.user_groups": "User Groups Icon",
"generic_icons.userGuide": "Help",
"generic_icons.warning": "Warning Icon",
"generic_modal.cancel": "Cancel",
@ -4191,13 +4195,17 @@
"no_results.channel_files.subtitle": "Files posted in this channel will show here.",
"no_results.channel_files.title": "No files yet",
"no_results.channel_search.subtitle": "Check the spelling or try another search.",
"no_results.channel_search.title": "No results for {channelName}",
"no_results.flagged_posts.subtitle": "Saved messages are only visible to you. Mark messages for follow-up or save something for later by clicking the {icon} to save them here.",
"no_results.flagged_posts.title": "No Saved posts yet",
"no_results.channel_search.title": "No results for “{channelName}”",
"no_results.Files.subtitle": "Check the spelling or try another search.",
"no_results.Files.title": "No file results for “{searchTerm}”",
"no_results.flagged_posts.subtitle": "To save something for later, open the context menu on a message and choose {buttonText}. Saved messages are only visible to you",
"no_results.flagged_posts.title": "No saved messages yet",
"no_results.mentions.subtitle": "Messages where someone mentions you or includes your trigger words are saved here.",
"no_results.mentions.title": "No mentions yet",
"no_results.pinned_posts.subtitle": "Pin important messages which are visible to the whole channel. Open the context menu on a message and choose {text} to save it here.",
"no_results.pinned_posts.title": "No pinned posts yet",
"no_results.pinned_messages.subtitle": "To pin important messages, open the context menu on a message and choose {text}. Pinned messages will be visible to everyone in this channel.",
"no_results.pinned_messages.title": "No pinned messages yet",
"no_results.search.subtitle": "Check the spelling or try another search.",
"no_results.search.title": "No results for “{channelName}”",
"no_results.user_group_members.subtitle": "There are currently no members in this group, please add one.",
"no_results.user_group_members.title": "No members yet",
"no_results.user_groups.archived.subtitle": "Groups that are no longer relevant or are not being used can be archived",
@ -4609,8 +4617,8 @@
"rhs_card.message_by": "Message by {avatar} {user}",
"rhs_comment.comment": "Comment",
"rhs_header.back.icon": "Back Icon",
"rhs_header.backToFlaggedTooltip": "Back to saved posts",
"rhs_header.backToPinnedTooltip": "Back to pinned posts",
"rhs_header.backToFlaggedTooltip": "Back to saved messages",
"rhs_header.backToPinnedTooltip": "Back to pinned messages",
"rhs_header.backToResultsTooltip": "Back to search results",
"rhs_header.closeSidebarTooltip": "Close",
"rhs_header.closeTooltip.icon": "Close Sidebar Icon",
@ -4620,7 +4628,7 @@
"rhs_header.expandSidebarTooltip": "Expand the right sidebar",
"rhs_header.expandSidebarTooltip.icon": "Expand Sidebar Icon",
"rhs_root.mobile.add_reaction": "Add Reaction",
"rhs_root.mobile.flag": "Save",
"rhs_root.mobile.flag": "Save Message",
"rhs_root.mobile.unflag": "Remove from Saved",
"rhs_thread.rootPostDeletedMessage.body": "Part of this thread has been deleted due to a data retention policy. You can no longer reply to this thread.",
"rhs_thread.toast.newReplies": "New Replies",
@ -4651,12 +4659,12 @@
"search_files_list_option.phrases": "Files with phrases",
"search_header.channelFiles": "Files",
"search_header.loading": "Searching...",
"search_header.pinnedPosts": "Pinned Posts",
"search_header.pinnedMessages": "Pinned messages",
"search_header.results": "Search Results",
"search_header.search": "Search",
"search_header.title_edit.history": "Edit History",
"search_header.title2": "Recent Mentions",
"search_header.title3": "Saved Posts",
"search_header.title3": "Saved messages",
"search_header.title5": "Extra Information",
"search_item.channelArchived": "Archived",
"search_item.direct": "Direct Message (with {username})",
@ -4912,7 +4920,7 @@
"sidebar_left.sidebar_channel_navigator.inviteUsers": "Invite Users",
"sidebar_left.sidebar_channel.selectedCount": "{count} selected",
"sidebar_right_menu.console": "System Console",
"sidebar_right_menu.flagged": "Saved Posts",
"sidebar_right_menu.flagged": "Saved messages",
"sidebar_right_menu.recentMentions": "Recent Mentions",
"sidebar.allDirectMessages": "All direct messages",
"sidebar.createDirectMessage": "Write a direct message",

2
webapp/channels/src/plugins/test/__snapshots__/main_menu_action.test.tsx.snap
View File

@ -60,7 +60,7 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
id="flaggedPosts"
onClick={[Function]}
show={true}
text="Saved Posts"
text="Saved messages"
/>
</MenuGroup>
<MenuGroup>