Changeset View
Changeset View
Standalone View
Standalone View
native/chat/settings/thread-settings.react.js
| Show First 20 Lines • Show All 202 Lines • ▼ Show 20 Lines | | { | ||||
| +itemType: 'addMember', | +itemType: 'addMember', | ||||
| +key: string, | +key: string, | ||||
| } | } | ||||
| | { | | { | ||||
| +itemType: 'mediaGallery', | +itemType: 'mediaGallery', | ||||
| +key: string, | +key: string, | ||||
| +threadInfo: ThreadInfo, | +threadInfo: ThreadInfo, | ||||
| +limit: number, | +limit: number, | ||||
| +verticalBounds: ?VerticalBounds, | |||||
| } | } | ||||
| | { | | { | ||||
| +itemType: 'promoteSidebar' | 'leaveThread' | 'deleteThread', | +itemType: 'promoteSidebar' | 'leaveThread' | 'deleteThread', | ||||
| +key: string, | +key: string, | ||||
| +threadInfo: ResolvedThreadInfo, | +threadInfo: ResolvedThreadInfo, | ||||
| +navigate: ThreadSettingsNavigate, | +navigate: ThreadSettingsNavigate, | ||||
| +buttonStyle: ViewStyle, | +buttonStyle: ViewStyle, | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 411 Lines • ▼ Show 20 Lines | ) => { | ||||
| }); | }); | ||||
| return listData; | return listData; | ||||
| }, | }, | ||||
| ); | ); | ||||
| mediaGalleryListDataSelector = createSelector( | mediaGalleryListDataSelector = createSelector( | ||||
| (propsAndState: PropsAndState) => propsAndState.threadInfo, | (propsAndState: PropsAndState) => propsAndState.threadInfo, | ||||
| (threadInfo: ThreadInfo) => { | (propsAndState: PropsAndState) => propsAndState.verticalBounds, | ||||
| (threadInfo: ThreadInfo, verticalBounds: ?VerticalBounds) => { | |||||
| const listData: ChatSettingsItem[] = []; | const listData: ChatSettingsItem[] = []; | ||||
| const limit = 6; | const limit = 6; | ||||
| listData.push({ | listData.push({ | ||||
| itemType: 'actionHeader', | itemType: 'actionHeader', | ||||
| key: 'mediaGalleryHeader', | key: 'mediaGalleryHeader', | ||||
| title: 'Media Gallery', | title: 'Media Gallery', | ||||
| actionText: 'See more', | actionText: 'See more', | ||||
| onPress: this.onPressSeeMoreMediaGallery, | onPress: this.onPressSeeMoreMediaGallery, | ||||
| }); | }); | ||||
| listData.push({ | listData.push({ | ||||
| itemType: 'mediaGallery', | itemType: 'mediaGallery', | ||||
| key: 'mediaGallery', | key: 'mediaGallery', | ||||
| threadInfo, | threadInfo, | ||||
| limit, | limit, | ||||
| verticalBounds, | |||||
| }); | }); | ||||
| listData.push({ | listData.push({ | ||||
| itemType: 'footer', | itemType: 'footer', | ||||
| key: 'mediaGalleryFooter', | key: 'mediaGalleryFooter', | ||||
| categoryType: 'outline', | categoryType: 'outline', | ||||
| }); | }); | ||||
| ▲ Show 20 Lines • Show All 285 Lines • ▼ Show 20 Lines | if (item.itemType === 'header') { | ||||
| ); | ); | ||||
| } else if (item.itemType === 'addMember') { | } else if (item.itemType === 'addMember') { | ||||
| return <ThreadSettingsAddMember onPress={this.onPressAddMember} />; | return <ThreadSettingsAddMember onPress={this.onPressAddMember} />; | ||||
| } else if (item.itemType === 'mediaGallery') { | } else if (item.itemType === 'mediaGallery') { | ||||
| return ( | return ( | ||||
| <ThreadSettingsMediaGallery | <ThreadSettingsMediaGallery | ||||
| threadID={item.threadInfo.id} | threadID={item.threadInfo.id} | ||||
| limit={item.limit} | limit={item.limit} | ||||
| verticalBounds={item.verticalBounds} | |||||
| /> | /> | ||||
| ); | ); | ||||
| } else if (item.itemType === 'leaveThread') { | } else if (item.itemType === 'leaveThread') { | ||||
| return ( | return ( | ||||
| <ThreadSettingsLeaveThread | <ThreadSettingsLeaveThread | ||||
| threadInfo={item.threadInfo} | threadInfo={item.threadInfo} | ||||
| buttonStyle={item.buttonStyle} | buttonStyle={item.buttonStyle} | ||||
| /> | /> | ||||
| ▲ Show 20 Lines • Show All 243 Lines • Show Last 20 Lines | |||||