Changeset View
Changeset View
Standalone View
Standalone View
web/modals/threads/create/compose-subchannel-modal.react.js
| Show First 20 Lines • Show All 43 Lines • ▼ Show 20 Lines | |||||
| type HeaderProps = { | type HeaderProps = { | ||||
| +parentThreadName: string, | +parentThreadName: string, | ||||
| }; | }; | ||||
| function ComposeSubchannelHeader(props: HeaderProps): React.Node { | function ComposeSubchannelHeader(props: HeaderProps): React.Node { | ||||
| const { parentThreadName } = props; | const { parentThreadName } = props; | ||||
| return ( | return ( | ||||
| <div className={css.modalHeader}> | <div className={css.modalHeader}> | ||||
| <div> | <div>{'within '}</div> | ||||
| {'within '} | |||||
| <div className={css.modalHeaderParentName}>{parentThreadName}</div> | <div className={css.modalHeaderParentName}>{parentThreadName}</div> | ||||
| </div> | </div> | ||||
| </div> | |||||
| ); | ); | ||||
| } | } | ||||
| const createSubchannelLoadingStatusSelector = | const createSubchannelLoadingStatusSelector = | ||||
| createLoadingStatusSelector(newThreadActionTypes); | createLoadingStatusSelector(newThreadActionTypes); | ||||
| function ComposeSubchannelModal(props: Props): React.Node { | function ComposeSubchannelModal(props: Props): React.Node { | ||||
| const { parentThreadInfo, onClose } = props; | const { parentThreadInfo, onClose } = props; | ||||
| ▲ Show 20 Lines • Show All 184 Lines • ▼ Show 20 Lines | function ComposeSubchannelModal(props: Props): React.Node { | ||||
| const modalName = | const modalName = | ||||
| activeStep === 'members' | activeStep === 'members' | ||||
| ? `Create channel - ${trimText(channelName, 11)}` | ? `Create channel - ${trimText(channelName, 11)}` | ||||
| : 'Create channel'; | : 'Create channel'; | ||||
| return ( | return ( | ||||
| <Modal name={modalName} onClose={onClose} size="fit-content"> | <Modal name={modalName} onClose={onClose} size="fit-content"> | ||||
| <ComposeSubchannelHeader parentThreadName={parentThreadName} /> | |||||
| <div className={css.container}> | <div className={css.container}> | ||||
| <ComposeSubchannelHeader parentThreadName={parentThreadName} /> | |||||
| <div className={css.stepItem}> | <div className={css.stepItem}> | ||||
| <Stepper.Container | <Stepper.Container | ||||
| className={css.stepContainer} | className={css.stepContainer} | ||||
| activeStep={activeStep} | activeStep={activeStep} | ||||
| > | > | ||||
| <Stepper.Item | <Stepper.Item | ||||
| content={subchannelSettings} | content={subchannelSettings} | ||||
| name="settings" | name="settings" | ||||
| Show All 17 Lines | |||||