diff options
| author | Asaad Mahmood <asaad@spinpunch.com> | 2016-03-14 22:35:57 +0500 |
|---|---|---|
| committer | Asaad Mahmood <asaad@spinpunch.com> | 2016-03-14 22:39:44 +0500 |
| commit | e214aae719c10953c4c3a7949c9bd02d6983b045 (patch) | |
| tree | de67fab11c5866493374d602930b4b5fbc98d05a /web/react/components/more_channels.jsx | |
| parent | bf7ae0711743926cfbb031675cc3320d7a942465 (diff) | |
| download | chat-e214aae719c10953c4c3a7949c9bd02d6983b045.tar.gz chat-e214aae719c10953c4c3a7949c9bd02d6983b045.tar.bz2 chat-e214aae719c10953c4c3a7949c9bd02d6983b045.zip | |
PLT-963 - Improving scss structure
Diffstat (limited to 'web/react/components/more_channels.jsx')
| -rw-r--r-- | web/react/components/more_channels.jsx | 31 |
1 files changed, 15 insertions, 16 deletions
diff --git a/web/react/components/more_channels.jsx b/web/react/components/more_channels.jsx index 3309ef52e..2ba435449 100644 --- a/web/react/components/more_channels.jsx +++ b/web/react/components/more_channels.jsx @@ -95,17 +95,18 @@ export default class MoreChannels extends React.Component { } return ( - <tr key={channel.id}> - <td className='more-row'> - <div className='more-details'> - <p className='more-name'>{channel.display_name}</p> - <p className='more-description'>{channel.purpose}</p> - </div> - <div className='more-actions'> - {joinButton} - </div> - </td> - </tr> + <div + className='more-modal__row' + key={channel.id} + > + <div className='more-modal__details'> + <p className='more-modal__name'>{channel.display_name}</p> + <p className='more-modal__description'>{channel.purpose}</p> + </div> + <div className='more-modal__actions'> + {joinButton} + </div> + </div> ); } render() { @@ -127,11 +128,9 @@ export default class MoreChannels extends React.Component { moreChannels = <LoadingScreen/>; } else if (channels.length) { moreChannels = ( - <table className='more-table table'> - <tbody> - {channels.map(this.createChannelRow)} - </tbody> - </table> + <div className='more-modal__list'> + {channels.map(this.createChannelRow)} + </div> ); } else { moreChannels = ( |