ayushya/watchparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.0.0-beta/ styling fixes

Browse Source
This commit is contained in:
Ayushya Amitabh
2020-04-22 15:11:02 -04:00
parent d301a61349
commit bb220fced9
3 changed files with 176 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Chat.js
+22 -18
View File
@@ -183,25 +183,29 @@ export default class Chat extends Component {
const { admin, name, messages, newMessage } = this.state;
return (
<div className="party-chat-container">
<Typography className="brand-title" variant="overline" display="block">
WATCH PARTY
</Typography>
<Typography className="room-title" variant="h4" gutterBottom>
{name}
</Typography>
<ButtonGroup className="party-controls" size="small" color="secondary" fullWidth>
<Button onClick={this.shareParty} startIcon={<Share />}>
Share
</Button>
<Button onClick={this.leaveParty} startIcon={<Exit />}>
Leave
</Button>
{admin && (
<Button onClick={this.endParty} startIcon={<Delete />}>
End Party
<div className="party-chat-header">
<div className="party-chat-header-text">
<Typography className="brand-title" variant="overline" display="block">
WATCH PARTY
</Typography>
<Typography className="room-title" variant="h4" gutterBottom>
{name}
</Typography>
</div>
<ButtonGroup className="party-controls" size="small" color="secondary">
<Button onClick={this.shareParty} startIcon={<Share />}>
<span className="party-control-button-text">Share</span>
</Button>
)}
</ButtonGroup>
<Button onClick={this.leaveParty} startIcon={<Exit />}>
<span className="party-control-button-text">Leave</span>
</Button>
{admin && (
<Button onClick={this.endParty} startIcon={<Delete />}>
<span className="party-control-button-text">End Party</span>
</Button>
)}
</ButtonGroup>
</div>
<div className="thread-container">
<Thread messages={messages} />
</div>