chore: rename components in kebab-case (#49737)

client/src/client-only-routes/show-project-links.tsx

@@ -5,7 +5,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { connect } from 'react-redux';
 
 import { Link, Spacer } from '../components/helpers';
-import ProjectModal from '../components/SolutionViewer/ProjectModal';
+import ProjectModal from '../components/SolutionViewer/project-modal';
 import { CompletedChallenge, User } from '../redux/prop-types';
 import {
   legacyProjectMap,

client/src/client-only-routes/show-user.tsx

@@ -13,7 +13,7 @@ import { TFunction, Trans, withTranslation } from 'react-i18next';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 
-import Login from '../components/Header/components/Login';
+import Login from '../components/Header/components/login';
 
 import { Spacer, Loader, FullWidthRow } from '../components/helpers';
 import { reportUser } from '../redux/actions';

client/src/components/Donation/donate-form.tsx

@@ -27,7 +27,7 @@ import DonateCompletion from './donate-completion';
 import PatreonButton from './patreon-button';
 import PaypalButton from './paypal-button';
 import StripeCardForm from './stripe-card-form';
-import WalletsWrapper from './walletsButton';
+import WalletsWrapper from './wallets-button';
 import SecurityLockIcon from './security-lock-icon';
 import {
   PaymentProvider,

client/src/components/Header/components/auth-or-profile.tsx

@@ -3,7 +3,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, AvatarRenderer } from '../../helpers';
-import Login from './Login';
+import Login from './login';
 
 interface AuthOrProfileProps {
   user?: Record<string, unknown>;

client/src/components/Intro/index.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { randomQuote } from '../../utils/get-words';
-import Login from '../Header/components/Login';
+import Login from '../Header/components/login';
 import { Link, Spacer, Loader } from '../helpers';
-import IntroDescription from './components/IntroDescription';
+import IntroDescription from './components/intro-description';
 
 import './intro.css';
 import LearnAlert from './learn-alert';

client/src/components/SolutionViewer/project-modal.tsx

@@ -2,7 +2,7 @@ import { Button, Modal } from '@freecodecamp/react-bootstrap';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { CompletedChallenge } from '../../redux/prop-types';
-import SolutionViewer from './SolutionViewer';
+import SolutionViewer from './solution-viewer';
 
 type ProjectModalProps = {
   challengeFiles: CompletedChallenge['challengeFiles'] | null;

client/src/components/landing/components/big-call-to-action.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import Login from '../../Header/components/Login';
+import Login from '../../Header/components/login';
 
 interface BigCallToActionProps {
   pageName: string;

client/src/components/profile/components/time-line.tsx

@@ -19,7 +19,7 @@ import { SolutionDisplayWidget } from '../../solution-display-widget';
 import TimelinePagination from './timeline-pagination';
 
 const SolutionViewer = Loadable(
-  () => import('../../SolutionViewer/SolutionViewer')
+  () => import('../../SolutionViewer/solution-viewer')
 );
 
 const mapDispatchToProps = {

client/src/components/settings/certification.js

@@ -16,7 +16,7 @@ import {
   legacyProjectMap
 } from '../../resources/cert-and-project-map';
 import { FlashMessages } from '../Flash/redux/flash-messages';
-import ProjectModal from '../SolutionViewer/ProjectModal';
+import ProjectModal from '../SolutionViewer/project-modal';
 import { FullWidthRow, Spacer } from '../helpers';
 import { SolutionDisplayWidget } from '../solution-display-widget';
 import SectionHeader from './section-header';

client/src/pages/email-sign-up.tsx

@@ -6,7 +6,7 @@ import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import type { Dispatch } from 'redux';
 import { createSelector } from 'reselect';
-import IntroDescription from '../components/Intro/components/IntroDescription';
+import IntroDescription from '../components/Intro/components/intro-description';
 import createRedirect from '../components/create-redirect';
 import { Spacer, Loader } from '../components/helpers';
 import { apiLocation } from '../../../config/env.json';

client/src/templates/Challenges/components/completion-modal.tsx

@@ -9,7 +9,7 @@ import { Dispatch } from 'redux';
 import { createSelector } from 'reselect';
 
 import { dasherize } from '../../../../../utils/slugs';
-import Login from '../../../components/Header/components/Login';
+import Login from '../../../components/Header/components/login';
 import { executeGA } from '../../../redux/actions';
 import {
   isSignedInSelector,

client/src/templates/Introduction/super-block-intro.tsx

@@ -13,7 +13,7 @@ import { createSelector } from 'reselect';
 import { SuperBlocks } from '../../../../config/certification-settings';
 import { getSuperBlockTitleForMap } from '../../utils/superblock-map-titles';
 import DonateModal from '../../components/Donation/donation-modal';
-import Login from '../../components/Header/components/Login';
+import Login from '../../components/Header/components/login';
 import Map from '../../components/Map';
 import { Spacer } from '../../components/helpers';
 import { tryToShowDonationModal } from '../../redux/actions';