Skip to content

Commit

Permalink
refactor(style): fix buttons and remove log
Browse files Browse the repository at this point in the history
  • Loading branch information
ph1p committed Aug 26, 2021
1 parent 74658a9 commit e35d72e
Show file tree
Hide file tree
Showing 4 changed files with 12 additions and 5 deletions.
1 change: 0 additions & 1 deletion packages/plugin/src/Ui.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,6 @@ const App = observer(() => {
});

socket.on('join leave message', (data) => {
console.log('hmm');
const username = data.user.name || 'Anon';
let message = 'joins the conversation';

Expand Down
4 changes: 3 additions & 1 deletion packages/web/src/App.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,9 @@ export const App = observer(() => {
{store.room &&
store.settings &&
store.status === ConnectionEnum.CONNECTED && (
<button onClick={leaveRoom}>leave room</button>
<button className="button" onClick={leaveRoom}>
leave room
</button>
)}
</Right>
</Header>
Expand Down
2 changes: 1 addition & 1 deletion packages/web/src/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ const GlobalStyle = createGlobalStyle`
background-color: ${(p) => p.theme.scrollbarColor};
}
button, .button {
.button {
color: ${(p) => p.theme.fontColor};
background-color: ${(p) => p.theme.thirdBackgroundColor};
border: 0;
Expand Down
10 changes: 8 additions & 2 deletions packages/web/src/views/Login/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ export const Login = observer(() => {
<Wrapper>
<Info>
{store.status === ConnectionEnum.ERROR
? 'Can\'t connect to the server 🙈'
? "Can't connect to the server 🙈"
: 'connecting...'}
</Info>
</Wrapper>
Expand All @@ -69,7 +69,9 @@ export const Login = observer(() => {
onChange={(e) => setSecret(e.currentTarget.value)}
/>

<button type="submit">Enter Room</button>
<button type="submit" className="button">
Enter Room
</button>
</form>
</Wrapper>
);
Expand All @@ -88,6 +90,10 @@ const Wrapper = styled.div`
padding: 30px;
height: 100%;
justify-content: center;
form {
width: 80%;
margin: 0 auto;
}
label {
margin: 0 0 5px;
Expand Down

0 comments on commit e35d72e

Please sign in to comment.