toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[MM-37553] Update default themes (#5648)

Browse source 
* new themes and theme type updates

* update theme processing

port newer functionality from webapp

* update theme UI

including new svg-based thumbnail

* lint fixes

* update snapshots and tests

* update theme tile border approach

* remove unused path component

* remove old variable typo

* remove old variable type from theme type

* lint and snapshot updates

* update snapshots
This commit is contained in:
Dean Whillier 2021-09-03 10:50:24 -04:00 committed by GitHub
parent 29ec86b673
commit fb8238ab0b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
393 changed files with 5876 additions and 5350 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/actions/navigation/index.js
View file

@ -92,7 +92,7 @@ export function resetToChannel(passProps = {}) {
}
export function resetToSelectServer(allowOtherServers) {
const theme = Preferences.THEMES.default;
const theme = Preferences.THEMES.denim;
EphemeralStore.clearNavigationComponents();

2
app/actions/navigation/index.test.js
View file

@ -37,7 +37,7 @@ describe('@actions/navigation', () => {
const topComponentId = 'top-component-id';
const name = 'name';
const title = 'title';
const theme = Preferences.THEMES.default;
const theme = Preferences.THEMES.denim;
const passProps = {
testProp: 'prop',
};

34
app/components/__snapshots__/profile_picture_button.test.js.snap
View file

@ -17,31 +17,31 @@ exports[`profile_picture_button should match snapshot 1`] = `
maxFileSize={20971520}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
uploadFiles={[MockFunction]}

68
app/components/announcement_banner/__snapshots__/announcement_banner.test.js.snap
View file

@ -36,31 +36,31 @@ exports[`AnnouncementBanner should match snapshot 1`] = `
}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -102,31 +102,31 @@ exports[`AnnouncementBanner should match snapshot 2`] = `
}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>

2
app/components/announcement_banner/announcement_banner.test.js
View file

@ -17,7 +17,7 @@ describe('AnnouncementBanner', () => {
bannerEnabled: true,
bannerText: 'Banner Text',
bannerTextColor: '#fff',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('should match snapshot', () => {

4
app/components/at_mention/__snapshots__/at_mention.test.js.snap
View file

@ -33,8 +33,8 @@ exports[`AtMention should match snapshot, with highlight 1`] = `
"color": "#ff0000",
},
Object {
"backgroundColor": "#ffe577",
"color": "#166de0",
"backgroundColor": "#ffd470",
"color": "#1b1d22",
},
]
}

2
app/components/at_mention/at_mention.test.js
View file

@ -16,7 +16,7 @@ describe('AtMention', () => {
mentionName: 'John.Smith',
mentionStyle: {color: '#ff0000'},
textStyle: {backgroundColor: 'yellow'},
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('should match snapshot, no highlight', () => {

2
app/components/attachment_button/__snapshots__/index.test.js.snap
View file

@ -14,7 +14,7 @@ exports[`AttachmentButton should match snapshot 1`] = `
type="opacity"
>
<CompassIcon
color="rgba(61,60,64,0.9)"
color="rgba(63,67,80,0.9)"
name="plus"
size={30}
style={

2
app/components/attachment_button/index.test.js
View file

@ -18,7 +18,7 @@ jest.mock('react-native-image-picker', () => ({
describe('AttachmentButton', () => {
const baseProps = {
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
maxFileSize: 10,
uploadFiles: jest.fn(),
};

2
app/components/autocomplete/at_mention_item/at_mention_item.tsx
View file

@ -14,7 +14,7 @@ import TouchableWithFeedback from '@components/touchable_with_feedback';
import {General} from '@mm-redux/constants';
import {makeStyleSheetFromTheme, changeOpacity} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
interface AtMentionItemProps {
firstName: string;

2
app/components/autocomplete/channel_mention_item/channel_mention_item.tsx
View file

@ -9,7 +9,7 @@ import CompassIcon from '@components/compass_icon';
import {BotTag, GuestTag} from '@components/tag';
import TouchableWithFeedback from '@components/touchable_with_feedback';
import {General} from '@mm-redux/constants';
import {Theme} from '@mm-redux/types/preferences';
import {Theme} from '@mm-redux/types/theme';
import {makeStyleSheetFromTheme, changeOpacity} from '@utils/theme';
const getStyleFromTheme = makeStyleSheetFromTheme((theme: Theme) => {

2
app/components/autocomplete/emoji_suggestion/emoji_suggestion.test.js
View file

@ -29,7 +29,7 @@ describe('components/autocomplete/emoji_suggestion', () => {
customEmojisEnabled: false,
emojis,
isSearch: false,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
onChangeText: jest.fn(),
onResultCountChange: jest.fn(),
rootId: '',

2
app/components/autocomplete/slash_suggestion/app_slash_suggestion/app_slash_suggestion.test.tsx
View file

@ -42,7 +42,7 @@ describe('components/autocomplete/app_slash_suggestion', () => {
currentTeamId: '',
isSearch: false,
maxListHeight: 50,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
onChangeText: jest.fn(),
onResultCountChange: jest.fn(),
value: '',

2
app/components/autocomplete/slash_suggestion/app_slash_suggestion/app_slash_suggestion.tsx
View file

@ -13,7 +13,7 @@ import AtMentionItem from '@components/autocomplete/at_mention_item';
import ChannelMentionItem from '@components/autocomplete/channel_mention_item';
import {analytics} from '@init/analytics';
import {AutocompleteSuggestion} from '@mm-redux/types/integrations';
import {Theme} from '@mm-redux/types/preferences';
import {Theme} from '@mm-redux/types/theme';
import {isMinimumServerVersion} from '@mm-redux/utils/helpers';
import {makeStyleSheetFromTheme} from '@utils/theme';

2
app/components/autocomplete/slash_suggestion/slash_suggestion.test.tsx
View file

@ -55,7 +55,7 @@ describe('components/autocomplete/slash_suggestion', () => {
commands: [sampleCommand],
isSearch: false,
maxListHeight: 50,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
onChangeText: jest.fn(),
onResultCountChange: jest.fn(),
value: '',

2
app/components/autocomplete/slash_suggestion/slash_suggestion.tsx
View file

@ -11,7 +11,7 @@ import {
import {Client4} from '@client/rest';
import {analytics} from '@init/analytics';
import {Command, AutocompleteSuggestion, CommandArgs} from '@mm-redux/types/integrations';
import {Theme} from '@mm-redux/types/preferences';
import {Theme} from '@mm-redux/types/theme';
import {isMinimumServerVersion} from '@mm-redux/utils/helpers';
import {makeStyleSheetFromTheme} from '@utils/theme';

2
app/components/autocomplete/slash_suggestion/slash_suggestion_item.tsx
View file

@ -10,7 +10,7 @@ import {SvgXml} from 'react-native-svg';
import TouchableWithFeedback from '@components/touchable_with_feedback';
import {COMMAND_SUGGESTION_ERROR} from '@mm-redux/constants/apps';
import {Theme} from '@mm-redux/types/preferences';
import {Theme} from '@mm-redux/types/theme';
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
const slashIcon = require('@assets/images/autocomplete/slash_command.png');

140
app/components/avatars/__snapshots__/avatars.test.tsx.snap
View file

@ -32,31 +32,31 @@ exports[`Avatars should match snapshot for overflow 1`] = `
testID="avatars.profile_picture"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
userId="user1"
@ -83,31 +83,31 @@ exports[`Avatars should match snapshot for overflow 1`] = `
testID="avatars.profile_picture"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
userId="user2"
@ -134,31 +134,31 @@ exports[`Avatars should match snapshot for overflow 1`] = `
testID="avatars.profile_picture"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
userId="user3"
@ -183,7 +183,7 @@ exports[`Avatars should match snapshot for overflow 1`] = `
style={
Object {
"alignItems": "center",
"backgroundColor": "rgba(61,60,64,0.08)",
"backgroundColor": "rgba(63,67,80,0.08)",
"borderColor": "#ffffff",
"borderRadius": 13.5,
"borderWidth": 1,
@ -196,7 +196,7 @@ exports[`Avatars should match snapshot for overflow 1`] = `
<Text
style={
Object {
"color": "rgba(61,60,64,0.64)",
"color": "rgba(63,67,80,0.64)",
"fontSize": 10,
"fontWeight": "bold",
"textAlign": "center",
@ -243,31 +243,31 @@ exports[`Avatars should match snapshot for single avatar 1`] = `
testID="avatars.profile_picture"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
userId="user1"

2
app/components/avatars/avatars.stories.tsx
View file

@ -22,6 +22,6 @@ storiesOf('Avatars', module).
add('Avatars', () => (
<Avatars
userIds={userIds.slice(0, number(`number of named participants (max ${userIds.length})`, userIds.length))}
theme={select('theme', Preferences.THEMES, Preferences.THEMES.default)}
theme={select('theme', Preferences.THEMES, Preferences.THEMES.denim)}
/>
));

4
app/components/avatars/avatars.test.tsx
View file

@ -11,7 +11,7 @@ import Avatars from './avatars';
describe('Avatars', () => {
test('should match snapshot for single avatar', () => {
const baseProps = {
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
userIds: ['user1'],
};
@ -21,7 +21,7 @@ describe('Avatars', () => {
test('should match snapshot for overflow', () => {
const baseProps = {
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
userIds: ['user1', 'user2', 'user3', 'user4', 'user5', 'user6'],
};

2
app/components/avatars/avatars.tsx
View file

@ -10,7 +10,7 @@ import TouchableWithFeedback from '@components/touchable_with_feedback';
import {ViewTypes} from '@constants';
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => {
const size = ViewTypes.AVATAR_LIST_PICTURE_SIZE;

2
app/components/channel_icon.tsx
View file

@ -9,7 +9,7 @@ import ProfilePicture from '@components/profile_picture';
import {General} from '@mm-redux/constants';
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
type Props = {
hasDraft: boolean;

104
app/components/channel_loader/__snapshots__/channel_loader.test.js.snap
View file

@ -100,20 +100,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -140,20 +140,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -180,20 +180,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -220,20 +220,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -260,20 +260,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -300,20 +300,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -340,20 +340,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -380,20 +380,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -420,20 +420,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -460,20 +460,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -500,20 +500,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -540,20 +540,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>
@ -580,20 +580,20 @@ exports[`ChannelLoader should match snapshot 1`] = `
styles={
Object {
"left": Object {
"color": "rgba(61,60,64,0.15)",
"color": "rgba(63,67,80,0.15)",
},
}
}
>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={80}
/>
<Unknown
color="rgba(61,60,64,0.15)"
color="rgba(63,67,80,0.15)"
width={60}
/>
</Unknown>

2
app/components/channel_loader/channel_loader.test.js
View file

@ -13,7 +13,7 @@ jest.useFakeTimers();
describe('ChannelLoader', () => {
const baseProps = {
channelIsLoading: true,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('should match snapshot', () => {

6
app/components/custom_list/__snapshots__/index.test.js.snap
View file

@ -109,7 +109,7 @@ exports[`CustomList should match snapshot, renderSectionHeader 1`] = `
<View
style={
Object {
"backgroundColor": "rgba(61,60,64,0.07)",
"backgroundColor": "rgba(63,67,80,0.07)",
"paddingLeft": 10,
"paddingVertical": 2,
}
@ -118,7 +118,7 @@ exports[`CustomList should match snapshot, renderSectionHeader 1`] = `
<Text
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontWeight": "600",
}
}
@ -133,7 +133,7 @@ exports[`CustomList should match snapshot, renderSeparator 1`] = `
<View
style={
Object {
"backgroundColor": "rgba(61,60,64,0.1)",
"backgroundColor": "rgba(63,67,80,0.1)",
"flex": 1,
"height": 1,
}

2
app/components/custom_list/index.test.js
View file

@ -24,7 +24,7 @@ describe('CustomList', () => {
listScrollRenderAheadDistance: 0,
showSections: true,
selectable: true,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('should match snapshot with FlatList', () => {

394
app/components/custom_list/user_list_row/__snapshots__/user_list_test.test.js.snap
View file

@ -21,7 +21,7 @@ exports[`UserListRow should match snapshot 1`] = `
style={
Object {
"alignItems": "center",
"color": "#3d3c40",
"color": "#3f4350",
"flexDirection": "row",
}
}
@ -57,7 +57,7 @@ exports[`UserListRow should match snapshot 1`] = `
numberOfLines={1}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
}
}
@ -69,31 +69,31 @@ exports[`UserListRow should match snapshot 1`] = `
show={false}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -101,31 +101,31 @@ exports[`UserListRow should match snapshot 1`] = `
show={false}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -157,7 +157,7 @@ exports[`UserListRow should match snapshot for currentUser with (you) populated
style={
Object {
"alignItems": "center",
"color": "#3d3c40",
"color": "#3f4350",
"flexDirection": "row",
}
}
@ -193,7 +193,7 @@ exports[`UserListRow should match snapshot for currentUser with (you) populated
numberOfLines={1}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
}
}
@ -205,31 +205,31 @@ exports[`UserListRow should match snapshot for currentUser with (you) populated
show={false}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -237,31 +237,31 @@ exports[`UserListRow should match snapshot for currentUser with (you) populated
show={false}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -293,7 +293,7 @@ exports[`UserListRow should match snapshot for deactivated user 1`] = `
style={
Object {
"alignItems": "center",
"color": "#3d3c40",
"color": "#3f4350",
"flexDirection": "row",
}
}
@ -329,7 +329,7 @@ exports[`UserListRow should match snapshot for deactivated user 1`] = `
numberOfLines={1}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
}
}
@ -341,31 +341,31 @@ exports[`UserListRow should match snapshot for deactivated user 1`] = `
show={false}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -373,31 +373,31 @@ exports[`UserListRow should match snapshot for deactivated user 1`] = `
show={false}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -442,7 +442,7 @@ exports[`UserListRow should match snapshot for guest user 1`] = `
style={
Object {
"alignItems": "center",
"color": "#3d3c40",
"color": "#3f4350",
"flexDirection": "row",
}
}
@ -478,7 +478,7 @@ exports[`UserListRow should match snapshot for guest user 1`] = `
numberOfLines={1}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
}
}
@ -490,31 +490,31 @@ exports[`UserListRow should match snapshot for guest user 1`] = `
show={false}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -522,31 +522,31 @@ exports[`UserListRow should match snapshot for guest user 1`] = `
show={true}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -578,7 +578,7 @@ exports[`UserListRow should match snapshot for remote user 1`] = `
style={
Object {
"alignItems": "center",
"color": "#3d3c40",
"color": "#3f4350",
"flexDirection": "row",
}
}
@ -614,7 +614,7 @@ exports[`UserListRow should match snapshot for remote user 1`] = `
numberOfLines={1}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
}
}
@ -626,31 +626,31 @@ exports[`UserListRow should match snapshot for remote user 1`] = `
show={false}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -658,31 +658,31 @@ exports[`UserListRow should match snapshot for remote user 1`] = `
show={false}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -707,31 +707,31 @@ exports[`UserListRow should match snapshot for remote user 1`] = `
}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
type="D"

2
app/components/custom_list/user_list_row/user_list_test.test.js
View file

@ -25,7 +25,7 @@ describe('UserListRow', () => {
username: 'user',
delete_at: 0,
},
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
teammateNameDisplay: 'test',
testID: 'custom_list.user_item',
};

2
app/components/custom_status/__snapshots__/clear_button.test.tsx.snap
View file

@ -23,7 +23,7 @@ exports[`components/custom_status/clear_button should match snapshot 1`] = `
style={
Object {
"borderRadius": 1000,
"color": "rgba(61,60,64,0.52)",
"color": "rgba(63,67,80,0.52)",
}
}
/>

4
app/components/custom_status/__snapshots__/custom_status_expiry.test.tsx.snap
View file

@ -5,7 +5,7 @@ exports[`components/custom_status/custom_status_expiry should match snapshot 1`]
style={
Array [
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
},
Object {},
@ -24,7 +24,7 @@ exports[`components/custom_status/custom_status_expiry should match snapshot wit
style={
Array [
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
},
Object {},

4
app/components/custom_status/__snapshots__/custom_status_text.test.tsx.snap
View file

@ -5,7 +5,7 @@ exports[`components/custom_status/custom_status_text should match snapshot 1`] =
style={
Array [
Object {
"color": "rgba(61,60,64,0.5)",
"color": "rgba(63,67,80,0.5)",
"fontSize": 17,
"includeFontPadding": false,
"textAlignVertical": "center",
@ -23,7 +23,7 @@ exports[`components/custom_status/custom_status_text should match snapshot with
style={
Array [
Object {
"color": "rgba(61,60,64,0.5)",
"color": "rgba(63,67,80,0.5)",
"fontSize": 17,
"includeFontPadding": false,
"textAlignVertical": "center",

2
app/components/custom_status/clear_button.test.tsx
View file

@ -9,7 +9,7 @@ import Preferences from '@mm-redux/constants/preferences';
describe('components/custom_status/clear_button', () => {
const baseProps = {
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
handlePress: jest.fn(),
};

2
app/components/custom_status/clear_button.tsx
View file

@ -5,7 +5,7 @@ import React from 'react';
import {TouchableOpacity} from 'react-native';
import CompassIcon from '@components/compass_icon';
import {Theme} from '@mm-redux/types/preferences';
import {Theme} from '@mm-redux/types/theme';
import {preventDoubleTap} from '@utils/tap';
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';

2
app/components/custom_status/custom_status_expiry.test.tsx
View file

@ -20,7 +20,7 @@ describe('components/custom_status/custom_status_expiry', () => {
const date = moment().endOf('day');
const baseProps = {
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
time: date.toDate(),
};

2
app/components/custom_status/custom_status_expiry.tsx
View file

@ -12,8 +12,8 @@ import FormattedTime from '@components/formatted_time';
import Preferences from '@mm-redux/constants/preferences';
import {getBool} from '@mm-redux/selectors/entities/preferences';
import {getCurrentUserTimezone} from '@mm-redux/selectors/entities/timezone';
import {Theme} from '@mm-redux/types/preferences';
import {GlobalState} from '@mm-redux/types/store';
import {Theme} from '@mm-redux/types/theme';
import {makeStyleSheetFromTheme} from '@utils/theme';
import {getCurrentMomentForTimezone} from '@utils/timezone';

2
app/components/custom_status/custom_status_text.test.tsx
View file

@ -9,7 +9,7 @@ import Preferences from '@mm-redux/constants/preferences';
describe('components/custom_status/custom_status_text', () => {
const baseProps = {
text: 'In a meeting',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
it('should match snapshot', () => {

2
app/components/custom_status/custom_status_text.tsx
View file

@ -7,7 +7,7 @@ import {Text, TextStyle} from 'react-native';
import FormattedText from '@components/formatted_text';
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
interface ComponentProps {
text: string | typeof FormattedText;

28
app/components/edit_channel_info/__snapshots__/edit_channel_info.test.js.snap
View file

@ -38,7 +38,7 @@ exports[`EditChannelInfo should match snapshot 1`] = `
<View
style={
Object {
"backgroundColor": "rgba(61,60,64,0.06)",
"backgroundColor": "rgba(63,67,80,0.06)",
"flex": 1,
"paddingTop": 30,
}
@ -51,7 +51,7 @@ exports[`EditChannelInfo should match snapshot 1`] = `
id="channel_modal.name"
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"marginLeft": 15,
}
@ -79,10 +79,10 @@ exports[`EditChannelInfo should match snapshot 1`] = `
"id": "channel_modal.nameEx",
}
}
placeholderTextColor="rgba(61,60,64,0.5)"
placeholderTextColor="rgba(63,67,80,0.5)"
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"height": 40,
"paddingHorizontal": 15,
@ -108,7 +108,7 @@ exports[`EditChannelInfo should match snapshot 1`] = `
id="channel_modal.purpose"
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"marginLeft": 15,
}
@ -119,7 +119,7 @@ exports[`EditChannelInfo should match snapshot 1`] = `
id="channel_modal.optional"
style={
Object {
"color": "rgba(61,60,64,0.5)",
"color": "rgba(63,67,80,0.5)",
"fontSize": 14,
"marginLeft": 5,
}
@ -148,11 +148,11 @@ exports[`EditChannelInfo should match snapshot 1`] = `
"id": "channel_modal.purposeEx",
}
}
placeholderTextColor="rgba(61,60,64,0.5)"
placeholderTextColor="rgba(63,67,80,0.5)"
style={
Array [
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"height": 40,
"paddingHorizontal": 15,
@ -174,7 +174,7 @@ exports[`EditChannelInfo should match snapshot 1`] = `
id="channel_modal.descriptionHelp"
style={
Object {
"color": "rgba(61,60,64,0.5)",
"color": "rgba(63,67,80,0.5)",
"fontSize": 14,
"marginHorizontal": 15,
"marginTop": 10,
@ -197,7 +197,7 @@ exports[`EditChannelInfo should match snapshot 1`] = `
id="channel_modal.header"
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"marginLeft": 15,
}
@ -208,7 +208,7 @@ exports[`EditChannelInfo should match snapshot 1`] = `
id="channel_modal.optional"
style={
Object {
"color": "rgba(61,60,64,0.5)",
"color": "rgba(63,67,80,0.5)",
"fontSize": 14,
"marginLeft": 5,
}
@ -238,11 +238,11 @@ exports[`EditChannelInfo should match snapshot 1`] = `
"id": "channel_modal.headerEx",
}
}
placeholderTextColor="rgba(61,60,64,0.5)"
placeholderTextColor="rgba(63,67,80,0.5)"
style={
Array [
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"height": 40,
"paddingHorizontal": 15,
@ -270,7 +270,7 @@ exports[`EditChannelInfo should match snapshot 1`] = `
id="channel_modal.headerHelp"
style={
Object {
"color": "rgba(61,60,64,0.5)",
"color": "rgba(63,67,80,0.5)",
"fontSize": 14,
"marginHorizontal": 15,
"marginTop": 10,

2
app/components/edit_channel_info/edit_channel_info.test.js
View file

@ -12,7 +12,7 @@ import EditChannelInfo from './index';
describe('EditChannelInfo', () => {
const baseProps = {
testID: 'edit_channel_info',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
deviceWidth: 400,
deviceHeight: 600,
channelType: 'O',

38
app/components/emoji_picker/__snapshots__/emoji_picker.test.js.snap
View file

@ -27,7 +27,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
<View
style={
Object {
"backgroundColor": "rgba(61,60,64,0.2)",
"backgroundColor": "rgba(63,67,80,0.2)",
"height": 50,
"paddingLeft": 8,
"paddingVertical": 5,
@ -48,7 +48,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
inputStyle={
Object {
"backgroundColor": "#ffffff",
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 13,
}
}
@ -61,16 +61,16 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
onChangeText={[Function]}
onSelectionChange={[Function]}
placeholder="Search"
placeholderTextColor="rgba(61,60,64,0.5)"
placeholderTextColor="rgba(63,67,80,0.5)"
returnKeyType="search"
searchBarRightMargin={0}
searchIconSize={24}
showArrow={false}
showCancel={true}
testID="emoji_picker.search_bar"
tintColorDelete="rgba(61,60,64,0.5)"
tintColorSearch="rgba(61,60,64,0.8)"
titleCancelColor="#3d3c40"
tintColorDelete="rgba(63,67,80,0.5)"
tintColorSearch="rgba(63,67,80,0.8)"
titleCancelColor="#3f4350"
value=""
/>
</View>
@ -12917,8 +12917,8 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
<View
style={
Object {
"backgroundColor": "rgba(61,60,64,0.1)",
"borderTopColor": "rgba(61,60,64,0.3)",
"backgroundColor": "rgba(63,67,80,0.1)",
"borderTopColor": "rgba(63,67,80,0.3)",
"borderTopWidth": 1,
"flexDirection": "row",
"justifyContent": "space-between",
@ -12943,10 +12943,10 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
style={
Array [
Object {
"color": "rgba(61,60,64,0.3)",
"color": "rgba(63,67,80,0.3)",
},
Object {
"color": "#3d3c40",
"color": "#3f4350",
},
]
}
@ -12969,7 +12969,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
style={
Array [
Object {
"color": "rgba(61,60,64,0.3)",
"color": "rgba(63,67,80,0.3)",
},
false,
]
@ -12993,7 +12993,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
style={
Array [
Object {
"color": "rgba(61,60,64,0.3)",
"color": "rgba(63,67,80,0.3)",
},
false,
]
@ -13017,7 +13017,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
style={
Array [
Object {
"color": "rgba(61,60,64,0.3)",
"color": "rgba(63,67,80,0.3)",
},
false,
]
@ -13041,7 +13041,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
style={
Array [
Object {
"color": "rgba(61,60,64,0.3)",
"color": "rgba(63,67,80,0.3)",
},
false,
]
@ -13065,7 +13065,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
style={
Array [
Object {
"color": "rgba(61,60,64,0.3)",
"color": "rgba(63,67,80,0.3)",
},
false,
]
@ -13089,7 +13089,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
style={
Array [
Object {
"color": "rgba(61,60,64,0.3)",
"color": "rgba(63,67,80,0.3)",
},
false,
]
@ -13113,7 +13113,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
style={
Array [
Object {
"color": "rgba(61,60,64,0.3)",
"color": "rgba(63,67,80,0.3)",
},
false,
]
@ -13137,7 +13137,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
style={
Array [
Object {
"color": "rgba(61,60,64,0.3)",
"color": "rgba(63,67,80,0.3)",
},
false,
]
@ -13161,7 +13161,7 @@ exports[`components/emoji_picker/emoji_picker.ios should match snapshot 1`] = `
style={
Array [
Object {
"color": "rgba(61,60,64,0.3)",
"color": "rgba(63,67,80,0.3)",
},
false,
]

2
app/components/emoji_picker/emoji_picker.test.js
View file

@ -45,7 +45,7 @@ describe('components/emoji_picker/emoji_picker.ios', () => {
emojisBySection,
fuse,
isLandscape: false,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
const testCases = [

2
app/components/error_text/__snapshots__/error_text.test.js.snap
View file

@ -12,7 +12,7 @@ exports[`ErrorText should match snapshot 1`] = `
"textAlign": "left",
},
Object {
"color": "#fd5960",
"color": "#d24b4e",
},
Object {
"fontSize": 14,

2
app/components/error_text/error_text.test.js
View file

@ -15,7 +15,7 @@ describe('ErrorText', () => {
fontSize: 14,
marginHorizontal: 15,
},
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
error: {
message: 'Username must begin with a letter and contain between 3 and 22 characters including numbers, lowercase letters, and the symbols',
},

2
app/components/failed_network_action/failed_network_action.test.js
View file

@ -13,7 +13,7 @@ import FailedNetworkAction from './failed_network_action';
describe('FailedNetworkAction', () => {
const baseProps = {
onRetry: jest.fn(),
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
isLandscape: false,
errorMessage: 'Error Message',
errorTitle: 'Error Title',

2
app/components/global_threads/empty_state.tsx
View file

@ -14,8 +14,8 @@ import {useSelector} from 'react-redux';
import {getTheme} from '@mm-redux/selectors/entities/preferences';
import {makeStyleSheetFromTheme} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {GlobalState} from '@mm-redux/types/store';
import type {Theme} from '@mm-redux/types/theme';
type Props = {
intl: typeof intlShape;

2
app/components/global_threads/global_threads.tsx
View file

@ -8,8 +8,8 @@ import {Alert, FlatList} from 'react-native';
import ThreadList from './thread_list';
import type {ActionResult} from '@mm-redux/types/actions';
import type {Theme} from '@mm-redux/types/preferences';
import type {Team} from '@mm-redux/types/teams';
import type {Theme} from '@mm-redux/types/theme';
import type {ThreadsState, UserThread} from '@mm-redux/types/threads';
import type {UserProfile} from '@mm-redux/types/users';
import type {$ID} from '@mm-redux/types/utilities';

10
app/components/global_threads/thread_footer/__snapshots__/thread_footer.test.tsx.snap
View file

@ -32,7 +32,7 @@ exports[`Global Thread Footer Should render for channel view and unfollow the th
}
>
<CompassIcon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="reply-outline"
size={18}
/>
@ -41,7 +41,7 @@ exports[`Global Thread Footer Should render for channel view and unfollow the th
style={
Object {
"alignSelf": "center",
"color": "rgba(61,60,64,0.64)",
"color": "rgba(63,67,80,0.64)",
"fontSize": 12,
"fontWeight": "600",
"marginRight": 12,
@ -55,7 +55,7 @@ exports[`Global Thread Footer Should render for channel view and unfollow the th
onPress={[Function]}
style={
Object {
"backgroundColor": "rgba(22,109,224,0.08)",
"backgroundColor": "rgba(28,88,217,0.08)",
"borderRadius": 4,
"height": 32,
"justifyContent": "center",
@ -67,7 +67,7 @@ exports[`Global Thread Footer Should render for channel view and unfollow the th
<Text
style={
Object {
"color": "#166de0",
"color": "#1c58d9",
"fontSize": 12,
"fontWeight": "600",
}
@ -107,7 +107,7 @@ exports[`Global Thread Footer Should render for global threads view 1`] = `
style={
Object {
"alignSelf": "center",
"color": "#579eff",
"color": "#5d89ea",
"fontSize": 12,
"fontWeight": "600",
"marginRight": 12,

2
app/components/global_threads/thread_footer/thread_footer.test.tsx
View file

@ -24,7 +24,7 @@ describe('Global Thread Footer', () => {
currentTeamId: 'team1',
intl,
testID,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
thread: {
id: 'thread1',
participants: [{

2
app/components/global_threads/thread_footer/thread_footer.tsx
View file

@ -14,7 +14,7 @@ import {$ID} from '@mm-redux/types/utilities';
import {preventDoubleTap} from '@utils/tap';
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
export type DispatchProps = {
actions: {

100
app/components/global_threads/thread_item/__snapshots__/thread_item.test.tsx.snap
View file

@ -4,12 +4,12 @@ exports[`Global Thread Item Should render thread item with unread messages dot 1
<ForwardRef
onPress={[Function]}
testID="thread_item.post1.item"
underlayColor="rgba(22,109,224,0.08)"
underlayColor="rgba(28,88,217,0.08)"
>
<View
style={
Object {
"borderBottomColor": "rgba(61,60,64,0.08)",
"borderBottomColor": "rgba(63,67,80,0.08)",
"borderBottomWidth": 1,
"flex": 1,
"flexDirection": "row",
@ -30,7 +30,7 @@ exports[`Global Thread Item Should render thread item with unread messages dot 1
style={
Object {
"alignSelf": "center",
"backgroundColor": "#579eff",
"backgroundColor": "#5d89ea",
"borderRadius": 4,
"height": 8,
"marginTop": 5,
@ -72,7 +72,7 @@ exports[`Global Thread Item Should render thread item with unread messages dot 1
numberOfLines={1}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
"fontWeight": "600",
"lineHeight": 22,
@ -83,7 +83,7 @@ exports[`Global Thread Item Should render thread item with unread messages dot 1
<View
style={
Object {
"backgroundColor": "rgba(61,60,64,0.08)",
"backgroundColor": "rgba(63,67,80,0.08)",
"borderRadius": 4,
"maxWidth": "50%",
}
@ -93,7 +93,7 @@ exports[`Global Thread Item Should render thread item with unread messages dot 1
numberOfLines={1}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 10,
"fontWeight": "600",
"letterSpacing": 0.1,
@ -113,7 +113,7 @@ exports[`Global Thread Item Should render thread item with unread messages dot 1
<InjectIntl(FriendlyDate)
style={
Object {
"color": "rgba(61,60,64,0.64)",
"color": "rgba(63,67,80,0.64)",
"fontSize": 12,
"fontWeight": "400",
}
@ -124,7 +124,7 @@ exports[`Global Thread Item Should render thread item with unread messages dot 1
numberOfLines={2}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
"lineHeight": 20,
}
@ -139,31 +139,31 @@ exports[`Global Thread Item Should render thread item with unread messages dot 1
testID="thread_item.post1.footer"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
thread={
@ -187,12 +187,12 @@ exports[`Global Thread Item Should show unread mentions count 1`] = `
<ForwardRef
onPress={[Function]}
testID="thread_item.post1.item"
underlayColor="rgba(22,109,224,0.08)"
underlayColor="rgba(28,88,217,0.08)"
>
<View
style={
Object {
"borderBottomColor": "rgba(61,60,64,0.08)",
"borderBottomColor": "rgba(63,67,80,0.08)",
"borderBottomWidth": 1,
"flex": 1,
"flexDirection": "row",
@ -213,7 +213,7 @@ exports[`Global Thread Item Should show unread mentions count 1`] = `
style={
Object {
"alignSelf": "center",
"backgroundColor": "#145dbf",
"backgroundColor": "#1e325c",
"borderRadius": 9,
"height": 18,
"width": 18,
@ -269,7 +269,7 @@ exports[`Global Thread Item Should show unread mentions count 1`] = `
numberOfLines={1}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
"fontWeight": "600",
"lineHeight": 22,
@ -280,7 +280,7 @@ exports[`Global Thread Item Should show unread mentions count 1`] = `
<View
style={
Object {
"backgroundColor": "rgba(61,60,64,0.08)",
"backgroundColor": "rgba(63,67,80,0.08)",
"borderRadius": 4,
"maxWidth": "50%",
}
@ -290,7 +290,7 @@ exports[`Global Thread Item Should show unread mentions count 1`] = `
numberOfLines={1}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 10,
"fontWeight": "600",
"letterSpacing": 0.1,
@ -310,7 +310,7 @@ exports[`Global Thread Item Should show unread mentions count 1`] = `
<InjectIntl(FriendlyDate)
style={
Object {
"color": "rgba(61,60,64,0.64)",
"color": "rgba(63,67,80,0.64)",
"fontSize": 12,
"fontWeight": "400",
}
@ -321,7 +321,7 @@ exports[`Global Thread Item Should show unread mentions count 1`] = `
numberOfLines={2}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
"lineHeight": 20,
}
@ -336,31 +336,31 @@ exports[`Global Thread Item Should show unread mentions count 1`] = `
testID="thread_item.post1.footer"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
thread={

2
app/components/global_threads/thread_item/thread_item.test.tsx
View file

@ -34,7 +34,7 @@ describe('Global Thread Item', () => {
} as Post,
threadId: 'post1',
testID,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
thread: {
id: 'post1',
unread_replies: 5,

2
app/components/global_threads/thread_item/thread_item.tsx
View file

@ -19,7 +19,7 @@ import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
import ThreadFooter from '../thread_footer';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
export type DispatchProps = {
actions: {

12
app/components/global_threads/thread_list/__snapshots__/index.test.tsx.snap
View file

@ -14,7 +14,7 @@ exports[`Global Thread List Should render threads with functional tabs & mark al
style={
Object {
"borderBottom": Object {
"borderBottomColor": "rgba(61,60,64,0.08)",
"borderBottomColor": "rgba(63,67,80,0.08)",
"borderBottomWidth": 1,
},
"container": Object {
@ -31,7 +31,7 @@ exports[`Global Thread List Should render threads with functional tabs & mark al
"paddingVertical": 12,
},
"markAllReadIcon": Object {
"color": "rgba(61,60,64,0.56)",
"color": "rgba(63,67,80,0.56)",
"fontSize": 28,
"lineHeight": 28,
},
@ -50,7 +50,7 @@ exports[`Global Thread List Should render threads with functional tabs & mark al
},
"menuItem": Object {
"alignSelf": "center",
"color": "rgba(61,60,64,0.56)",
"color": "rgba(63,67,80,0.56)",
"fontFamily": "Open Sans",
"fontSize": 16,
"fontWeight": "600",
@ -61,17 +61,17 @@ exports[`Global Thread List Should render threads with functional tabs & mark al
"paddingVertical": 8,
},
"menuItemContainerSelected": Object {
"backgroundColor": "rgba(22,109,224,0.08)",
"backgroundColor": "rgba(28,88,217,0.08)",
"borderRadius": 4,
},
"menuItemSelected": Object {
"color": "#166de0",
"color": "#1c58d9",
},
"messagesContainer": Object {
"flexGrow": 1,
},
"unreadsDot": Object {
"backgroundColor": "#579eff",
"backgroundColor": "#5d89ea",
"borderRadius": 3,
"height": 6,
"position": "absolute",

2
app/components/global_threads/thread_list/index.test.tsx
View file

@ -29,7 +29,7 @@ describe('Global Thread List', () => {
loadMoreThreads: jest.fn(),
markAllAsRead,
testID,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
threadIds: ['thread1'],
viewingUnreads: true,
viewAllThreads,

2
app/components/global_threads/thread_list/index.tsx
View file

@ -13,7 +13,7 @@ import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
import ThreadListHeader from './thread_list_header';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
import type {UserThread} from '@mm-redux/types/threads';
import type {$ID} from '@mm-redux/types/utilities';

2
app/components/markdown/markdown_emoji/markdown_emoji.test.js
View file

@ -13,7 +13,7 @@ describe('MarkdownEmoji', () => {
baseTextStyle: {color: '#3d3c40', fontSize: 15, lineHeight: 20},
isEdited: false,
isJumboEmoji: true,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
value: ':smile:',
};

14
app/components/markdown/markdown_table/__snapshots__/markdown_table.test.js.snap
View file

@ -26,7 +26,7 @@ exports[`MarkdownTable should match snapshot 1`] = `
style={
Array [
Object {
"borderColor": "rgba(61,60,64,0.2)",
"borderColor": "rgba(63,67,80,0.2)",
"borderWidth": 1,
"width": "100%",
},
@ -218,8 +218,8 @@ exports[`MarkdownTable should match snapshot 1`] = `
<LinearGradient
colors={
Array [
"rgba(61,60,64,0)",
"rgba(61,60,64,0.1)",
"rgba(63,67,80,0)",
"rgba(63,67,80,0.1)",
]
}
end={
@ -237,7 +237,7 @@ exports[`MarkdownTable should match snapshot 1`] = `
style={
Array [
Object {
"borderColor": "rgba(61,60,64,0.2)",
"borderColor": "rgba(63,67,80,0.2)",
"borderRightWidth": 1,
"maxHeight": 300,
"position": "absolute",
@ -254,8 +254,8 @@ exports[`MarkdownTable should match snapshot 1`] = `
<LinearGradient
colors={
Array [
"rgba(61,60,64,0)",
"rgba(61,60,64,0.1)",
"rgba(63,67,80,0)",
"rgba(63,67,80,0.1)",
]
}
end={
@ -273,7 +273,7 @@ exports[`MarkdownTable should match snapshot 1`] = `
style={
Array [
Object {
"borderColor": "rgba(61,60,64,0.2)",
"borderColor": "rgba(63,67,80,0.2)",
"bottom": 34,
"height": 20,
"left": 0,

2
app/components/markdown/markdown_table/markdown_table.test.js
View file

@ -27,7 +27,7 @@ describe('MarkdownTable', () => {
const baseProps = {
children,
numColumns,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('should match snapshot', () => {

58
app/components/post_draft/__snapshots__/post_draft.test.js.snap
View file

@ -5,7 +5,7 @@ exports[`PostDraft Should render the Archived for channelIsArchived 1`] = `
style={
Object {
"backgroundColor": "#ffffff",
"borderTopColor": "rgba(61,60,64,0.2)",
"borderTopColor": "rgba(63,67,80,0.2)",
"borderTopWidth": 1,
"paddingBottom": 10,
"paddingLeft": 20,
@ -20,7 +20,7 @@ exports[`PostDraft Should render the Archived for channelIsArchived 1`] = `
style={
Array [
Object {
"color": "#3d3c40",
"color": "#3f4350",
"textAlign": "center",
},
Array [
@ -35,7 +35,7 @@ exports[`PostDraft Should render the Archived for channelIsArchived 1`] = `
style={
Array [
Object {
"color": "#3d3c40",
"color": "#3f4350",
"textAlign": "center",
},
Array [
@ -53,7 +53,7 @@ exports[`PostDraft Should render the Archived for channelIsArchived 1`] = `
style={
Array [
Object {
"color": "#3d3c40",
"color": "#3f4350",
"textAlign": "center",
},
Array [
@ -79,7 +79,7 @@ exports[`PostDraft Should render the Archived for channelIsArchived 1`] = `
style={
Object {
"alignItems": "center",
"backgroundColor": "#166de0",
"backgroundColor": "#1c58d9",
"borderRadius": 4,
"height": 40,
"marginTop": 10,
@ -109,7 +109,7 @@ exports[`PostDraft Should render the Archived for deactivatedChannel 1`] = `
style={
Object {
"backgroundColor": "#ffffff",
"borderTopColor": "rgba(61,60,64,0.2)",
"borderTopColor": "rgba(63,67,80,0.2)",
"borderTopWidth": 1,
"paddingBottom": 10,
"paddingLeft": 20,
@ -124,7 +124,7 @@ exports[`PostDraft Should render the Archived for deactivatedChannel 1`] = `
style={
Array [
Object {
"color": "#3d3c40",
"color": "#3f4350",
"textAlign": "center",
},
Array [
@ -139,7 +139,7 @@ exports[`PostDraft Should render the Archived for deactivatedChannel 1`] = `
style={
Array [
Object {
"color": "#3d3c40",
"color": "#3f4350",
"textAlign": "center",
},
Array [
@ -157,7 +157,7 @@ exports[`PostDraft Should render the Archived for deactivatedChannel 1`] = `
style={
Array [
Object {
"color": "#3d3c40",
"color": "#3f4350",
"textAlign": "center",
},
Array [
@ -183,7 +183,7 @@ exports[`PostDraft Should render the Archived for deactivatedChannel 1`] = `
style={
Object {
"alignItems": "center",
"backgroundColor": "#166de0",
"backgroundColor": "#1c58d9",
"borderRadius": 4,
"height": 40,
"marginTop": 10,
@ -225,7 +225,7 @@ exports[`PostDraft Should render the DraftInput 1`] = `
style={
Object {
"backgroundColor": "transparent",
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 11,
"marginBottom": 2,
"paddingLeft": 10,
@ -247,7 +247,7 @@ exports[`PostDraft Should render the DraftInput 1`] = `
Object {
"alignItems": "flex-end",
"backgroundColor": "#ffffff",
"borderTopColor": "rgba(61,60,64,0.2)",
"borderTopColor": "rgba(63,67,80,0.2)",
"borderTopWidth": 1,
"flexDirection": "row",
"justifyContent": "center",
@ -291,12 +291,12 @@ exports[`PostDraft Should render the DraftInput 1`] = `
onPaste={[Function]}
onSelectionChange={[Function]}
placeholder="Write to "
placeholderTextColor="rgba(61,60,64,0.5)"
placeholderTextColor="rgba(63,67,80,0.5)"
rejectResponderTermination={true}
screenId="NavigationScreen1"
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
"lineHeight": 20,
"maxHeight": 150,
@ -410,7 +410,7 @@ exports[`PostDraft Should render the DraftInput 1`] = `
testID="post_draft.quick_actions.at_input_action"
>
<Icon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="at"
size={24}
/>
@ -436,7 +436,7 @@ exports[`PostDraft Should render the DraftInput 1`] = `
testID="post_draft.quick_actions.slash_input_action"
>
<Icon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="slash-forward-box-outline"
size={24}
/>
@ -462,7 +462,7 @@ exports[`PostDraft Should render the DraftInput 1`] = `
testID="post_draft.quick_actions.file_action"
>
<Icon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="file-document-outline"
size={24}
/>
@ -488,7 +488,7 @@ exports[`PostDraft Should render the DraftInput 1`] = `
testID="post_draft.quick_actions.image_action"
>
<Icon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="image-outline"
size={24}
/>
@ -514,7 +514,7 @@ exports[`PostDraft Should render the DraftInput 1`] = `
testID="post_draft.quick_actions.camera_action"
>
<Icon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="camera-outline"
size={24}
/>
@ -534,14 +534,14 @@ exports[`PostDraft Should render the DraftInput 1`] = `
Array [
Object {
"alignItems": "center",
"backgroundColor": "#166de0",
"backgroundColor": "#1c58d9",
"borderRadius": 4,
"height": 32,
"justifyContent": "center",
"width": 80,
},
Object {
"backgroundColor": "rgba(22,109,224,0.3)",
"backgroundColor": "rgba(28,88,217,0.3)",
},
]
}
@ -569,7 +569,7 @@ exports[`PostDraft Should render the ReadOnly for canPost 1`] = `
}
style={
Object {
"backgroundColor": "rgba(61,60,64,0.04)",
"backgroundColor": "rgba(63,67,80,0.04)",
}
}
>
@ -577,7 +577,7 @@ exports[`PostDraft Should render the ReadOnly for canPost 1`] = `
style={
Object {
"alignItems": "center",
"borderTopColor": "rgba(61,60,64,0.2)",
"borderTopColor": "rgba(63,67,80,0.2)",
"borderTopWidth": 1,
"flexDirection": "row",
"height": 50,
@ -587,7 +587,7 @@ exports[`PostDraft Should render the ReadOnly for canPost 1`] = `
testID="post_draft.read_only"
>
<Icon
color="#3d3c40"
color="#3f4350"
name="glasses"
style={
Object {
@ -600,7 +600,7 @@ exports[`PostDraft Should render the ReadOnly for canPost 1`] = `
<Text
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
"lineHeight": 20,
"marginLeft": 9,
@ -623,7 +623,7 @@ exports[`PostDraft Should render the ReadOnly for channelIsReadOnly 1`] = `
}
style={
Object {
"backgroundColor": "rgba(61,60,64,0.04)",
"backgroundColor": "rgba(63,67,80,0.04)",
}
}
>
@ -631,7 +631,7 @@ exports[`PostDraft Should render the ReadOnly for channelIsReadOnly 1`] = `
style={
Object {
"alignItems": "center",
"borderTopColor": "rgba(61,60,64,0.2)",
"borderTopColor": "rgba(63,67,80,0.2)",
"borderTopWidth": 1,
"flexDirection": "row",
"height": 50,
@ -641,7 +641,7 @@ exports[`PostDraft Should render the ReadOnly for channelIsReadOnly 1`] = `
testID="post_draft.read_only"
>
<Icon
color="#3d3c40"
color="#3f4350"
name="glasses"
style={
Object {
@ -654,7 +654,7 @@ exports[`PostDraft Should render the ReadOnly for channelIsReadOnly 1`] = `
<Text
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
"lineHeight": 20,
"marginLeft": 9,

34
app/components/post_draft/archived/__snapshots__/archived.test.js.snap
View file

@ -37,31 +37,31 @@ exports[`PostDraft Archived should match snapshot 1`] = `
testID="post_draft.archived"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>

2
app/components/post_draft/archived/archived.test.js
View file

@ -15,7 +15,7 @@ describe('PostDraft Archived', () => {
deactivated: false,
rootId: 'root-id',
teamId: 'team-id',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('should match snapshot', () => {

2
app/components/post_draft/draft_input/draft_input.test.js
View file

@ -44,7 +44,7 @@ describe('DraftInput', () => {
maxFileSize: 1024,
maxMessageLength: 4000,
rootId: '',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
uploadFileRequestStatus: 'NOT_STARTED',
value: '',
userIsOutOfOffice: false,

2
app/components/post_draft/post_draft.test.js
View file

@ -52,7 +52,7 @@ describe('PostDraft', () => {
registerTypingAnimation: () => jest.fn(),
rootId: '',
screenId: 'NavigationScreen1',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('Should render the DraftInput', () => {

4
app/components/post_draft/post_input/__snapshots__/post_input.test.js.snap
View file

@ -12,11 +12,11 @@ exports[`PostInput should match, full snapshot 1`] = `
onEndEditing={[Function]}
onSelectionChange={[Function]}
placeholder="Write to Test Channel"
placeholderTextColor="rgba(61,60,64,0.5)"
placeholderTextColor="rgba(63,67,80,0.5)"
screenId="Channel"
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
"lineHeight": 20,
"maxHeight": 150,

2
app/components/post_draft/post_input/post_input.test.js
View file

@ -26,7 +26,7 @@ describe('PostInput', () => {
readonly: false,
rootId: '',
screenId: 'Channel',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
updateInitialValue: jest.fn(),
userTyping: jest.fn(),
};

170
app/components/post_draft/quick_actions/__snapshots__/quick_actions.test.js.snap
View file

@ -18,31 +18,31 @@ exports[`QuickActions should match snapshot 1`] = `
testID="post_draft.quick_actions.at_input_action"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
value=""
@ -54,31 +54,31 @@ exports[`QuickActions should match snapshot 1`] = `
testID="post_draft.quick_actions.slash_input_action"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
value=""
@ -91,31 +91,31 @@ exports[`QuickActions should match snapshot 1`] = `
testID="post_draft.quick_actions.file_action"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -127,31 +127,31 @@ exports[`QuickActions should match snapshot 1`] = `
testID="post_draft.quick_actions.image_action"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -163,31 +163,31 @@ exports[`QuickActions should match snapshot 1`] = `
testID="post_draft.quick_actions.camera_action"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>

2
app/components/post_draft/quick_actions/camera_quick_action/__snapshots__/camera_quick_action.test.js.snap
View file

@ -22,7 +22,7 @@ exports[`CameraButton should match snapshot 1`] = `
testID="post_draft.quick_actions.camera_action"
>
<Icon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="camera-outline"
size={24}
/>

2
app/components/post_draft/quick_actions/camera_quick_action/camera_quick_action.test.js
View file

@ -23,7 +23,7 @@ describe('CameraButton', () => {
testID: 'post_draft.quick_actions.camera_action',
fileCount: 0,
maxFileCount: 5,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
onUploadFiles: jest.fn(),
};

2
app/components/post_draft/quick_actions/camera_quick_action/camera_type.tsx
View file

@ -10,7 +10,7 @@ import FormattedText from '@components/formatted_text';
import TouchableWithFeedback from '@components/touchable_with_feedback';
import {makeStyleSheetFromTheme} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
type Props = {
onPress: (options: CameraOptions) => void;

2
app/components/post_draft/quick_actions/file_quick_action/__snapshots__/file_quick_action.test.js.snap
View file

@ -22,7 +22,7 @@ exports[`FileQuickAction should match snapshot 1`] = `
testID="post_draft.quick_actions.file_action"
>
<Icon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="file-document-outline"
size={24}
/>

2
app/components/post_draft/quick_actions/file_quick_action/file_quick_action.test.js
View file

@ -18,7 +18,7 @@ describe('FileQuickAction', () => {
testID: 'post_draft.quick_actions.file_action',
fileCount: 0,
maxFileCount: 5,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
onUploadFiles: jest.fn(),
};

2
app/components/post_draft/quick_actions/image_quick_action/__snapshots__/image_quick_action.test.js.snap
View file

@ -22,7 +22,7 @@ exports[`ImageQuickAction should match snapshot 1`] = `
testID="post_draft.quick_actions.image_action"
>
<Icon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="image-outline"
size={24}
/>

2
app/components/post_draft/quick_actions/image_quick_action/image_quick_action.test.js
View file

@ -23,7 +23,7 @@ describe('ImageQuickAction', () => {
testID: 'post_draft.quick_actions.image_action',
fileCount: 0,
maxFileCount: 5,
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
onUploadFiles: jest.fn(),
};

2
app/components/post_draft/quick_actions/input_quick_action/__snapshots__/input_quick_action.test.js.snap
View file

@ -15,7 +15,7 @@ exports[`InputQuickAction should match snapshot 1`] = `
type="opacity"
>
<CompassIcon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="at"
size={24}
/>

2
app/components/post_draft/quick_actions/input_quick_action/input_quick_action.test.js
View file

@ -14,7 +14,7 @@ describe('InputQuickAction', () => {
testID: 'post_draft.quick_actions.input_action',
disabled: false,
inputType: 'at',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
value: 'value',
};

2
app/components/post_draft/quick_actions/quick_actions.test.js
View file

@ -18,7 +18,7 @@ describe('QuickActions', () => {
maxFileSize: 10,
maxFileCount: 10,
screenId: 'Channel',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('should match snapshot', () => {

8
app/components/post_draft/read_only/__snapshots__/read_only.test.js.snap
View file

@ -9,7 +9,7 @@ exports[`PostDraft ReadOnly should match snapshot 1`] = `
}
style={
Object {
"backgroundColor": "rgba(61,60,64,0.04)",
"backgroundColor": "rgba(63,67,80,0.04)",
}
}
>
@ -17,7 +17,7 @@ exports[`PostDraft ReadOnly should match snapshot 1`] = `
style={
Object {
"alignItems": "center",
"borderTopColor": "rgba(61,60,64,0.2)",
"borderTopColor": "rgba(63,67,80,0.2)",
"borderTopWidth": 1,
"flexDirection": "row",
"height": 50,
@ -27,7 +27,7 @@ exports[`PostDraft ReadOnly should match snapshot 1`] = `
testID="post_draft.read_only"
>
<CompassIcon
color="#3d3c40"
color="#3f4350"
name="glasses"
style={
Object {
@ -42,7 +42,7 @@ exports[`PostDraft ReadOnly should match snapshot 1`] = `
id="mobile.create_post.read_only"
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 15,
"lineHeight": 20,
"marginLeft": 9,

2
app/components/post_draft/read_only/index.tsx
View file

@ -9,7 +9,7 @@ import CompassIcon from '@components/compass_icon';
import FormattedText from '@components/formatted_text';
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
interface ReadOnlyProps {
testID?: string;

2
app/components/post_draft/read_only/read_only.test.js
View file

@ -11,7 +11,7 @@ import ReadOnly from './index';
describe('PostDraft ReadOnly', () => {
const baseProps = {
testID: 'post_draft.read_only',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('should match snapshot', () => {

8
app/components/post_draft/send_action/__snapshots__/send.test.js.snap
View file

@ -15,14 +15,14 @@ exports[`SendAction should change theme backgroundColor to 0.3 opacity 1`] = `
Array [
Object {
"alignItems": "center",
"backgroundColor": "#166de0",
"backgroundColor": "#1c58d9",
"borderRadius": 4,
"height": 32,
"justifyContent": "center",
"width": 80,
},
Object {
"backgroundColor": "rgba(22,109,224,0.3)",
"backgroundColor": "rgba(28,88,217,0.3)",
},
]
}
@ -52,7 +52,7 @@ exports[`SendAction should match snapshot 1`] = `
style={
Object {
"alignItems": "center",
"backgroundColor": "#166de0",
"backgroundColor": "#1c58d9",
"borderRadius": 4,
"height": 32,
"justifyContent": "center",
@ -85,7 +85,7 @@ exports[`SendAction should render theme backgroundColor 1`] = `
style={
Object {
"alignItems": "center",
"backgroundColor": "#166de0",
"backgroundColor": "#1c58d9",
"borderRadius": 4,
"height": 32,
"justifyContent": "center",

2
app/components/post_draft/send_action/send.test.js
View file

@ -12,7 +12,7 @@ import SendAction from './index';
describe('SendAction', () => {
const baseProps = {
testID: 'post_draft.send_action',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
handleSendMessage: jest.fn(),
disabled: false,
};

70
app/components/post_draft/uploads/upload_item/__snapshots__/upload_item.test.js.snap
View file

@ -30,7 +30,7 @@ exports[`UploadItem downloadAndUploadFile should match, full snapshot 1`] = `
}
>
<FileIcon
backgroundColor="rgba(61,60,64,0.08)"
backgroundColor="rgba(63,67,80,0.08)"
file={
Object {
"loading": false,
@ -39,31 +39,31 @@ exports[`UploadItem downloadAndUploadFile should match, full snapshot 1`] = `
iconSize={60}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>
@ -75,31 +75,31 @@ exports[`UploadItem downloadAndUploadFile should match, full snapshot 1`] = `
onPress={[Function]}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>

2
app/components/post_draft/uploads/upload_item/__snapshots__/upload_remove.test.js.snap
View file

@ -28,7 +28,7 @@ exports[`UploadRemove should match, full snapshot 1`] = `
}
>
<CompassIcon
color="rgba(61,60,64,0.64)"
color="rgba(63,67,80,0.64)"
name="close-circle"
size={24}
/>

2
app/components/post_draft/uploads/upload_item/upload_item.test.js
View file

@ -20,7 +20,7 @@ describe('UploadItem', () => {
file: {
loading: false,
},
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
describe('downloadAndUploadFile', () => {

2
app/components/post_draft/uploads/upload_item/upload_remove.test.js
View file

@ -13,7 +13,7 @@ describe('UploadRemove', () => {
onPress: jest.fn(),
channelId: 'channel-id',
clientId: 'client-id',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('should match, full snapshot', () => {

2
app/components/post_draft/uploads/uploads.test.js
View file

@ -18,7 +18,7 @@ describe('Uploads', () => {
initUploadFiles: jest.fn(),
maxFileSize: 100,
screenId: 'Channel',
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
};
test('handleUploadFiles should return early if screen is not the top screen', async () => {

34
app/components/post_list/__snapshots__/post_list.test.js.snap
View file

@ -47,31 +47,31 @@ exports[`PostList should match snapshot 1`] = `
siteURL="https://site-url.fake"
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
/>

2
app/components/post_list/combined_user_activity/combined_user_activity.tsx
View file

@ -19,7 +19,7 @@ import LastUsers from './last_users';
import {postTypeMessages} from './messages';
import type {Post} from '@mm-redux/types/posts';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
type Props = {
canDelete: boolean;

2
app/components/post_list/combined_user_activity/last_users.tsx
View file

@ -13,7 +13,7 @@ import {makeStyleSheetFromTheme} from '@utils/theme';
import {postTypeMessages, systemMessages} from './messages';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
type LastUsersProps = {
actor: string;

200
app/components/post_list/date_separator/__snapshots__/date_separator.test.js.snap
View file

@ -17,7 +17,7 @@ exports[`DateHeader component should match snapshot when timezone is UserTimezon
<View
style={
Object {
"backgroundColor": "#3d3c40",
"backgroundColor": "#3f4350",
"flex": 1,
"height": 1,
"opacity": 0.2,
@ -62,38 +62,38 @@ exports[`DateHeader component should match snapshot when timezone is UserTimezon
}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"fontWeight": "600",
}
}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
timezone={
@ -108,7 +108,7 @@ exports[`DateHeader component should match snapshot when timezone is UserTimezon
<View
style={
Object {
"backgroundColor": "#3d3c40",
"backgroundColor": "#3f4350",
"flex": 1,
"height": 1,
"opacity": 0.2,
@ -135,7 +135,7 @@ exports[`DateHeader component should match snapshot when timezone is UserTimezon
<View
style={
Object {
"backgroundColor": "#3d3c40",
"backgroundColor": "#3f4350",
"flex": 1,
"height": 1,
"opacity": 0.2,
@ -180,38 +180,38 @@ exports[`DateHeader component should match snapshot when timezone is UserTimezon
}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"fontWeight": "600",
}
}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
timezone={
@ -226,7 +226,7 @@ exports[`DateHeader component should match snapshot when timezone is UserTimezon
<View
style={
Object {
"backgroundColor": "#3d3c40",
"backgroundColor": "#3f4350",
"flex": 1,
"height": 1,
"opacity": 0.2,
@ -253,7 +253,7 @@ exports[`DateHeader component should match snapshot when timezone is set 1`] = `
<View
style={
Object {
"backgroundColor": "#3d3c40",
"backgroundColor": "#3f4350",
"flex": 1,
"height": 1,
"opacity": 0.2,
@ -298,38 +298,38 @@ exports[`DateHeader component should match snapshot when timezone is set 1`] = `
}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"fontWeight": "600",
}
}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
timezone="America/New_York"
@ -338,7 +338,7 @@ exports[`DateHeader component should match snapshot when timezone is set 1`] = `
<View
style={
Object {
"backgroundColor": "#3d3c40",
"backgroundColor": "#3f4350",
"flex": 1,
"height": 1,
"opacity": 0.2,
@ -365,7 +365,7 @@ exports[`DateHeader component should match snapshot with suffix 1`] = `
<View
style={
Object {
"backgroundColor": "#3d3c40",
"backgroundColor": "#3f4350",
"flex": 1,
"height": 1,
"opacity": 0.2,
@ -410,38 +410,38 @@ exports[`DateHeader component should match snapshot with suffix 1`] = `
}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"fontWeight": "600",
}
}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
timezone={null}
@ -450,7 +450,7 @@ exports[`DateHeader component should match snapshot with suffix 1`] = `
<View
style={
Object {
"backgroundColor": "#3d3c40",
"backgroundColor": "#3f4350",
"flex": 1,
"height": 1,
"opacity": 0.2,
@ -477,7 +477,7 @@ exports[`DateHeader component should match snapshot without suffix 1`] = `
<View
style={
Object {
"backgroundColor": "#3d3c40",
"backgroundColor": "#3f4350",
"flex": 1,
"height": 1,
"opacity": 0.2,
@ -522,38 +522,38 @@ exports[`DateHeader component should match snapshot without suffix 1`] = `
}
style={
Object {
"color": "#3d3c40",
"color": "#3f4350",
"fontSize": 14,
"fontWeight": "600",
}
}
theme={
Object {
"awayIndicator": "#ffbc42",
"buttonBg": "#166de0",
"awayIndicator": "#ffbc1f",
"buttonBg": "#1c58d9",
"buttonColor": "#ffffff",
"centerChannelBg": "#ffffff",
"centerChannelColor": "#3d3c40",
"centerChannelColor": "#3f4350",
"codeTheme": "github",
"dndIndicator": "#f74343",
"errorTextColor": "#fd5960",
"linkColor": "#2389d7",
"dndIndicator": "#d24b4e",
"errorTextColor": "#d24b4e",
"linkColor": "#386fe5",
"mentionBg": "#ffffff",
"mentionBj": "#ffffff",
"mentionColor": "#145dbf",
"mentionHighlightBg": "#ffe577",
"mentionHighlightLink": "#166de0",
"newMessageSeparator": "#ff8800",
"onlineIndicator": "#06d6a0",
"sidebarBg": "#145dbf",
"sidebarHeaderBg": "#1153ab",
"mentionColor": "#1e325c",
"mentionHighlightBg": "#ffd470",
"mentionHighlightLink": "#1b1d22",
"newMessageSeparator": "#cc8f00",
"onlineIndicator": "#3db887",
"sidebarBg": "#1e325c",
"sidebarHeaderBg": "#192a4d",
"sidebarHeaderTextColor": "#ffffff",
"sidebarTeamBarBg": "#14213e",
"sidebarText": "#ffffff",
"sidebarTextActiveBorder": "#579eff",
"sidebarTextActiveBorder": "#5d89ea",
"sidebarTextActiveColor": "#ffffff",
"sidebarTextHoverBg": "#4578bf",
"sidebarTextHoverBg": "#28427b",
"sidebarUnreadText": "#ffffff",
"type": "Mattermost",
"type": "Denim",
}
}
timezone={null}
@ -562,7 +562,7 @@ exports[`DateHeader component should match snapshot without suffix 1`] = `
<View
style={
Object {
"backgroundColor": "#3d3c40",
"backgroundColor": "#3f4350",
"flex": 1,
"height": 1,
"opacity": 0.2,

2
app/components/post_list/date_separator/date_separator.test.js
View file

@ -12,7 +12,7 @@ import DateSeparator from './date_separator';
describe('DateHeader', () => {
const baseProps = {
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
timezone: null,
};

2
app/components/post_list/date_separator/date_separator.tsx
View file

@ -8,7 +8,7 @@ import FormattedDate from '@components/formatted_date';
import FormattedText from '@components/formatted_text';
import {makeStyleSheetFromTheme} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
import type {UserTimezone} from '@mm-redux/types/users';
type DateSeparatorProps = {

6
app/components/post_list/more_messages_button/__snapshots__/more_messages_button.test.js.snap
View file

@ -5,7 +5,7 @@ exports[`MoreMessagesButton should match snapshot 1`] = `
style={
Array [
Object {
"backgroundColor": "#166de0",
"backgroundColor": "#1c58d9",
"elevation": 1,
"flex": 1,
"margin": 8,
@ -33,7 +33,7 @@ exports[`MoreMessagesButton should match snapshot 1`] = `
}
}
type="native"
underlayColor="hsl(214, 50%, 38%)"
underlayColor="hsl(221, 50%, 38%)"
>
<View
style={
@ -47,7 +47,7 @@ exports[`MoreMessagesButton should match snapshot 1`] = `
"paddingLeft": 11,
"paddingRight": 5,
"paddingVertical": 1,
"shadowColor": "#3d3c40",
"shadowColor": "#3f4350",
"shadowOffset": Object {
"height": 6,
"width": 0,

2
app/components/post_list/more_messages_button/more_messages_button.test.js
View file

@ -19,7 +19,7 @@ import MoreMessagesButton, {
describe('MoreMessagesButton', () => {
const baseProps = {
theme: Preferences.THEMES.default,
theme: Preferences.THEMES.denim,
postIds: [],
channelId: 'channel-id',
unreadCount: 10,

2
app/components/post_list/more_messages_button/more_messages_button.tsx
View file

@ -13,7 +13,7 @@ import {messageCount} from '@mm-redux/utils/post_list';
import {t} from '@utils/i18n';
import {makeStyleSheetFromTheme, hexToHue} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
const HIDDEN_TOP = -400;
const SHOWN_TOP = 0;

2
app/components/post_list/new_message_line/index.tsx
View file

@ -7,7 +7,7 @@ import {StyleProp, View, ViewStyle} from 'react-native';
import FormattedText from '@components/formatted_text';
import {makeStyleSheetFromTheme} from '@utils/theme';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
type NewMessagesLineProps = {
moreMessages: boolean;

2
app/components/post_list/post/avatar/avatar.tsx
View file

@ -20,7 +20,7 @@ import {fromAutoResponder, isSystemMessage} from '@mm-redux/utils/post_utils';
import {preventDoubleTap} from '@utils/tap';
import type {Post} from '@mm-redux/types/posts';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
import type {ImageSource} from 'react-native-vector-icons/Icon';
type AvatarProps = {

2
app/components/post_list/post/avatar/index.ts
View file

@ -10,8 +10,8 @@ import {getUser} from '@mm-redux/selectors/entities/users';
import Avatar from './avatar';
import type {Post} from '@mm-redux/types/posts';
import type {Theme} from '@mm-redux/types/preferences';
import type {GlobalState} from '@mm-redux/types/store';
import type {Theme} from '@mm-redux/types/theme';
type OwnProps = {
pendingPostStyle?: StyleProp<ViewStyle>;

2
app/components/post_list/post/body/add_members/add_members.tsx
View file

@ -13,7 +13,7 @@ import {getMarkdownTextStyles} from '@utils/markdown';
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
import type {Post} from '@mm-redux/types/posts';
import type {Theme} from '@mm-redux/types/preferences';
import type {Theme} from '@mm-redux/types/theme';
import type {UserProfile} from '@mm-redux/types/users';
type AddMembersProps = {

2
app/components/post_list/post/body/add_members/index.ts
View file

@ -12,8 +12,8 @@ import {getCurrentUser} from '@mm-redux/selectors/entities/users';
import AddMembers from './add_members';
import type {Post} from '@mm-redux/types/posts';
import type {Theme} from '@mm-redux/types/preferences';
import type {GlobalState} from '@mm-redux/types/store';
import type {Theme} from '@mm-redux/types/theme';
type OwnProps = {
post: Post;

Some files were not shown because too many files have changed in this diff Show more