diff --git a/bigbluebutton-html5/imports/ui/components/presentation/default-content/component.jsx b/bigbluebutton-html5/imports/ui/components/presentation/default-content/component.jsx index fa57cc2e724b334966a9aef70e17c24482f46af2..7d390783c9227e7e4bc6de498df905c4e5d83a10 100644 --- a/bigbluebutton-html5/imports/ui/components/presentation/default-content/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/presentation/default-content/component.jsx @@ -1,175 +1,33 @@ -import React, { Component } from 'react'; -import { FormattedMessage, FormattedDate } from 'react-intl'; +import React from 'react'; +import { FormattedMessage } from 'react-intl'; import { TransitionGroup, CSSTransition } from 'react-transition-group'; import { styles } from './styles.scss'; -import Button from '../../button/component'; -export default class DefaultContent extends Component { - static handleClick() { - console.log('dummy handler'); - } - - render() { - return ( - <TransitionGroup> - <CSSTransition - classNames={{ - appear: styles.appear, - appearActive: styles.appearActive, - }} - appear - enter={false} - exit={false} - timeout={{ enter: 400 }} - className={styles.contentWrapper} - > - <div className={styles.contentRatio}> - <div className={styles.content}> - <div className={styles.defaultContent}> - <p> - <FormattedMessage - id="app.home.greeting" - description="Message to greet the user." - defaultMessage="Welcome {0}! Your presentation will begin shortly..." - values={{ 0: 'James Bond' }} - /> - <br /> - Today is {' '}<FormattedDate value={Date.now()} /> - <br /> - Here is some button examples - <br /> - </p> - <p> - <Button - label="Small" - onClick={DefaultContent.handleClick} - size="sm" - /> - <Button - label="Medium" - onClick={DefaultContent.handleClick} - /> - <Button - label="Large" - onClick={DefaultContent.handleClick} - size="lg" - /> - </p> - <p> - <Button - label="Default" - onClick={DefaultContent.handleClick} - /> - <Button - label="Primary" - onClick={DefaultContent.handleClick} - color="primary" - /> - <Button - label="Danger" - onClick={DefaultContent.handleClick} - color="danger" - /> - <Button - label="Success" - onClick={DefaultContent.handleClick} - color="success" - /> - </p> - <p> - <Button - label="Default" - onClick={DefaultContent.handleClick} - ghost - /> - <Button - label="Primary" - onClick={DefaultContent.handleClick} - color="primary" - ghost - /> - <Button - label="Danger" - onClick={DefaultContent.handleClick} - color="danger" - ghost - /> - <Button - label="Success" - onClick={DefaultContent.handleClick} - color="success" - ghost - /> - </p> - <p> - <Button - label="With Icon" - onClick={DefaultContent.handleClick} - icon="add" - /> - <Button - label="Ghost With Icon" - onClick={DefaultContent.handleClick} - color="primary" - icon="add" - ghost - /> - <Button - label="Icon Right" - onClick={DefaultContent.handleClick} - color="danger" - icon="add" - ghost - iconRight - /> - <Button - label="Icon Right" - onClick={DefaultContent.handleClick} - color="success" - icon="add" - iconRight - /> - </p> - <p> - <Button - label="Medium" - onClick={DefaultContent.handleClick} - color="primary" - icon="unmute" - ghost - circle - /> - <Button - label="Large" - onClick={DefaultContent.handleClick} - color="danger" - icon="unmute" - size="lg" - ghost - circle - /><br /> - <Button - label="Small" - onClick={DefaultContent.handleClick} - icon="unmute" - size="sm" - circle - /> - <Button - label="Icon Right" - onClick={DefaultContent.handleClick} - color="success" - icon="unmute" - size="sm" - iconRight - circle - /> - </p> - </div> - </div> - </div> - </CSSTransition> - </TransitionGroup> - ); - } -} +export default () => ( + <TransitionGroup> + <CSSTransition + classNames={{ + appear: styles.appear, + appearActive: styles.appearActive, + }} + appear + enter={false} + exit={false} + timeout={{ enter: 400 }} + className={styles.contentWrapper} + > + <div className={styles.content}> + <div className={styles.defaultContent}> + <p> + <FormattedMessage + id="app.home.greeting" + description="Message to greet the user." + defaultMessage="Your presentation will begin shortly..." + /> + <br /> + </p> + </div> + </div> + </CSSTransition> + </TransitionGroup> +); diff --git a/bigbluebutton-html5/private/locales/en.json b/bigbluebutton-html5/private/locales/en.json index f383798a818cb02b62a7923c8bb63a4918361f6f..2273d465e3461f2ae03f98bc73e3ff09eae0283a 100755 --- a/bigbluebutton-html5/private/locales/en.json +++ b/bigbluebutton-html5/private/locales/en.json @@ -1,5 +1,5 @@ { - "app.home.greeting": "Welcome {0}! Your presentation will begin shortly...", + "app.home.greeting": "Your presentation will begin shortly...", "app.chat.submitLabel": "Send Message", "app.chat.errorMinMessageLength": "The message is {0} characters(s) too short", "app.chat.errorMaxMessageLength": "The message is {0} characters(s) too long",