Changeset View
Changeset View
Standalone View
Standalone View
native/chat/settings/thread-settings.react.js
| Show First 20 Lines • Show All 192 Lines • ▼ Show 20 Lines | type ChatSettingsItem = | ||||
| | { | | { | ||||
| +itemType: 'addMember', | +itemType: 'addMember', | ||||
| +key: string, | +key: string, | ||||
| } | } | ||||
| | { | | { | ||||
| +itemType: 'mediaGallery', | +itemType: 'mediaGallery', | ||||
| +key: string, | +key: string, | ||||
| +threadInfo: ThreadInfo, | +threadInfo: ThreadInfo, | ||||
| +limit: number, | |||||
| } | } | ||||
| | { | | { | ||||
| +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 413 Lines • ▼ Show 20 Lines | ) => { | ||||
| return listData; | return listData; | ||||
| }, | }, | ||||
| ); | ); | ||||
| mediaGalleryListDataSelector = createSelector( | mediaGalleryListDataSelector = createSelector( | ||||
| (propsAndState: PropsAndState) => propsAndState.threadInfo, | (propsAndState: PropsAndState) => propsAndState.threadInfo, | ||||
| (threadInfo: ThreadInfo) => { | (threadInfo: ThreadInfo) => { | ||||
| const listData: ChatSettingsItem[] = []; | const listData: ChatSettingsItem[] = []; | ||||
| const limit = 6; | |||||
| listData.push({ | listData.push({ | ||||
| itemType: 'header', | itemType: 'header', | ||||
| key: 'mediaGalleryHeader', | key: 'mediaGalleryHeader', | ||||
| title: 'Media Gallery', | title: 'Media Gallery', | ||||
| categoryType: 'outline', | categoryType: 'outline', | ||||
| }); | }); | ||||
| listData.push({ | listData.push({ | ||||
| itemType: 'mediaGallery', | itemType: 'mediaGallery', | ||||
| key: 'mediaGallery', | key: 'mediaGallery', | ||||
| threadInfo, | threadInfo, | ||||
| limit, | |||||
| }); | }); | ||||
| listData.push({ | listData.push({ | ||||
| itemType: 'footer', | itemType: 'footer', | ||||
| key: 'mediaGalleryFooter', | key: 'mediaGalleryFooter', | ||||
| categoryType: 'outline', | categoryType: 'outline', | ||||
| }); | }); | ||||
| ▲ Show 20 Lines • Show All 273 Lines • ▼ Show 20 Lines | if (item.itemType === 'header') { | ||||
| lastListItem={item.lastListItem} | lastListItem={item.lastListItem} | ||||
| verticalBounds={item.verticalBounds} | verticalBounds={item.verticalBounds} | ||||
| threadSettingsRouteKey={item.threadSettingsRouteKey} | threadSettingsRouteKey={item.threadSettingsRouteKey} | ||||
| /> | /> | ||||
| ); | ); | ||||
| } 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 <ThreadSettingsMediaGallery />; | return ( | ||||
| <ThreadSettingsMediaGallery | |||||
| threadID={item.threadInfo.id} | |||||
| limit={item.limit} | |||||
| /> | |||||
| ); | |||||
| } 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} | ||||
| /> | /> | ||||
| ); | ); | ||||
| } else if (item.itemType === 'deleteThread') { | } else if (item.itemType === 'deleteThread') { | ||||
| ▲ Show 20 Lines • Show All 235 Lines • Show Last 20 Lines | |||||