Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | 1x 1x 1x 1x | import React from 'react';
import {RouteComponentProps} from 'react-router-dom';
import {v4 as uuidV4} from 'uuid';
import './home.css';
import Welcome from '../../components/Welcome';
import Descript from '../../components/Descript';
import CreateRoom from '../../components/CreateRoom';
import EnterRoom from '../../components/EnterRoom';
import MoreInfo from '../../components/MoreInfo';
function Home(props: RouteComponentProps): JSX.Element {
const enterRoomClick = (roomId: string) => {
props.history.push(`/setting?roomId=${roomId}`);
};
const createRoomClick = () => {
props.history.push(`/setting?roomId=${uuidV4()}&isNew=true`);
};
const aOnClick = () => {
window.open('https://github.com/VoiceSpaceUnder5/VoiceSpace');
};
return (
<div className="home">
<div className="top">
<Welcome logoImageSrc="./assets/home/homeLogo.png" />
</div>
<div className="bottom">
<Descript
divInnerText={'무료로 음성 미팅을 진행해 보세요'}
brInnerText={
'Giggle Forest는 피로하지 않은 원격 소통 서비스를 제공합니다.'
}
/>
<CreateRoom createRoomButtonClick={createRoomClick} />
<EnterRoom
buttonText={'참가하기'}
inputPlaceHolder={'코드(RoomId)를 입력해주세요.'}
enterRoomButtonClick={enterRoomClick}
/>
<MoreInfo
aOnClick={aOnClick}
brInnerText={'Giggle Forest에 대해'}
aInnerText={' 자세히 알아보세요'}
/>
</div>
</div>
);
}
export default Home;
|