treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

[Glitch] Use the new JSX transform in onboarding code 

Port the remaining of 8f66126b10 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
th-new
Renaud Chaput 2023-05-23 10:52:27 +02:00 committed by Claire
parent 6e4497ab2d
commit ba4c8a9b41
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/flavours/glitch/features/onboarding/components/progress_indicator.jsx
View File

@ -1,4 +1,4 @@
import React from 'react';
import { Fragment } from 'react';
import PropTypes from 'prop-types';
import { Check } from 'flavours/glitch/components/check';
import classNames from 'classnames';
@ -6,13 +6,13 @@ import classNames from 'classnames';
const ProgressIndicator = ({ steps, completed }) => (
<div className='onboarding__progress-indicator'>
{(new Array(steps)).fill().map((_, i) => (
<React.Fragment key={i}>
<Fragment key={i}>
{i > 0 && <div className={classNames('onboarding__progress-indicator__line', { active: completed > i })} />}
<div className={classNames('onboarding__progress-indicator__step', { active: completed > i })}>
{completed > i && <Check />}
</div>
</React.Fragment>
</Fragment>
))}
</div>
);

4
app/javascript/flavours/glitch/features/onboarding/follows.jsx
View File

@ -1,4 +1,4 @@
import React from 'react';
import { PureComponent } from 'react';
import Column from 'flavours/glitch/components/column';
import ColumnBackButton from 'flavours/glitch/components/column_back_button';
import PropTypes from 'prop-types';
@ -23,7 +23,7 @@ const mapStateToProps = () => {
});
};
class Follows extends React.PureComponent {
class Follows extends PureComponent {
static propTypes = {
onBack: PropTypes.func,

8
app/javascript/flavours/glitch/features/onboarding/share.jsx
View File

@ -1,4 +1,4 @@
import React from 'react';
import { PureComponent } from 'react';
import Column from 'flavours/glitch/components/column';
import ColumnBackButton from 'flavours/glitch/components/column_back_button';
import PropTypes from 'prop-types';
@ -20,7 +20,7 @@ const mapStateToProps = state => ({
account: state.getIn(['accounts', me]),
});
class CopyPasteText extends React.PureComponent {
class CopyPasteText extends PureComponent {
static propTypes = {
value: PropTypes.string,
@ -81,7 +81,7 @@ class CopyPasteText extends React.PureComponent {
}
class TipCarousel extends React.PureComponent {
class TipCarousel extends PureComponent {
static propTypes = {
children: PropTypes.node,
@ -135,7 +135,7 @@ class TipCarousel extends React.PureComponent {
}
class Share extends React.PureComponent {
class Share extends PureComponent {
static propTypes = {
onBack: PropTypes.func,