From ba4c8a9b41c27f4c002c97dfb067c76e5df0837a Mon Sep 17 00:00:00 2001
From: Renaud Chaput <renchap@gmail.com>
Date: Tue, 23 May 2023 10:52:27 +0200
Subject: [PATCH] [Glitch] Use the new JSX transform in onboarding code

Port the remaining of 8f66126b1010e0aaaa8b5f2a2f4ea8a28824e2b7 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../features/onboarding/components/progress_indicator.jsx | 6 +++---
 .../flavours/glitch/features/onboarding/follows.jsx       | 4 ++--
 .../flavours/glitch/features/onboarding/share.jsx         | 8 ++++----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/javascript/flavours/glitch/features/onboarding/components/progress_indicator.jsx b/app/javascript/flavours/glitch/features/onboarding/components/progress_indicator.jsx
index 1c3358246f..456a1d9de2 100644
--- a/app/javascript/flavours/glitch/features/onboarding/components/progress_indicator.jsx
+++ b/app/javascript/flavours/glitch/features/onboarding/components/progress_indicator.jsx
@@ -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>
 );
diff --git a/app/javascript/flavours/glitch/features/onboarding/follows.jsx b/app/javascript/flavours/glitch/features/onboarding/follows.jsx
index eea8abbf13..1abb4a643b 100644
--- a/app/javascript/flavours/glitch/features/onboarding/follows.jsx
+++ b/app/javascript/flavours/glitch/features/onboarding/follows.jsx
@@ -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,
diff --git a/app/javascript/flavours/glitch/features/onboarding/share.jsx b/app/javascript/flavours/glitch/features/onboarding/share.jsx
index d6bdcaaa64..0e29b46e6a 100644
--- a/app/javascript/flavours/glitch/features/onboarding/share.jsx
+++ b/app/javascript/flavours/glitch/features/onboarding/share.jsx
@@ -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,