fix: donation clean up (#44257)

* fix: donation clean up

* rename file

* rename2

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

@@ -9,7 +9,7 @@ import { createSelector } from 'reselect';
 import envData from '../../../config/env.json';
 import { langCodes } from '../../../config/i18n/all-langs';
 import FreeCodeCampLogo from '../assets/icons/FreeCodeCamp-logo';
-import DonateForm from '../components/Donation/DonateForm';
+import DonateForm from '../components/Donation/donate-form';
 
 import { createFlashMessage } from '../components/Flash/redux';
 import { Loader, Spacer } from '../components/helpers';

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

@@ -3,8 +3,6 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import Spinner from 'react-spinkit';
 
-import './Donation.css';
-
 type DonateCompletionProps = {
   error: string | null;
   processing: boolean;

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

@@ -26,14 +26,14 @@ import {
   postChargeStripeCard
 } from '../../redux';
 import Spacer from '../helpers/spacer';
-import DonateCompletion from './DonateCompletion';
+import DonateCompletion from './donate-completion';
 import PatreonButton from './patreon-button';
 import type { AddDonationData } from './paypal-button';
 import PaypalButton from './paypal-button';
 import StripeCardForm, { HandleAuthentication } from './stripe-card-form';
 import WalletsWrapper from './walletsButton';
 
-import './Donation.css';
+import './donation.css';
 
 const numToCommas = (num: number): string =>
   num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');

client/src/components/Donation/donation-modal.tsx

@@ -19,9 +19,7 @@ import {
 } from '../../redux';
 import { isLocationSuperBlock } from '../../utils/path-parsers';
 import { Spacer } from '../helpers';
-import DonateForm from './DonateForm';
-
-import './Donation.css';
+import DonateForm from './donate-form';
 
 const mapStateToProps = createSelector(
   isDonationModalOpenSelector,

client/src/components/layouts/learn.tsx

@@ -9,7 +9,7 @@ import {
   isSignedInSelector,
   tryToShowDonationModal
 } from '../../redux';
-import DonateModal from '../Donation/DonationModal';
+import DonateModal from '../Donation/donation-modal';
 import createRedirect from '../create-redirect';
 
 import './prism.css';

client/src/pages/donate.tsx

@@ -8,13 +8,13 @@ import { bindActionCreators } from 'redux';
 import type { Dispatch } from 'redux';
 import { createSelector } from 'reselect';
 
-import DonateForm from '../components/Donation/DonateForm';
+import DonateForm from '../components/Donation/donate-form';
 import {
   DonationText,
   DonationSupportText,
   DonationOptionsText,
   DonationOptionsAlertText
-} from '../components/Donation/DonationTextComponents';
+} from '../components/Donation/donation-text-components';
 import { Spacer, Loader } from '../components/helpers';
 import CampersImage from '../components/landing/components/campers-image';
 import { signInLoadingSelector, userSelector, executeGA } from '../redux';

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

@@ -11,7 +11,7 @@ import { bindActionCreators, Dispatch } from 'redux';
 import { createSelector } from 'reselect';
 
 import { SuperBlocks } from '../../../../config/certification-settings';
-import DonateModal from '../../components/Donation/DonationModal';
+import DonateModal from '../../components/Donation/donation-modal';
 import Login from '../../components/Header/components/Login';
 import Map from '../../components/Map';
 import { Spacer } from '../../components/helpers';