diff --git a/client/src/components/Header/components/universal-nav.css b/client/src/components/Header/components/universal-nav.css
index ce2b5be0148..37dc3b63058 100644
--- a/client/src/components/Header/components/universal-nav.css
+++ b/client/src/components/Header/components/universal-nav.css
@@ -266,7 +266,7 @@ li > button.nav-link-signout:not([aria-disabled='true']):is(:hover, :focus) {
}
/**
- * Borders modifiers inidicating user type
+ * Borders modifiers indicating user type
*/
.gold-border {
border-color: var(--yellow-gold);
diff --git a/client/src/components/layouts/rtl-layout.css b/client/src/components/layouts/rtl-layout.css
index dccd7c4b194..cb17e903453 100644
--- a/client/src/components/layouts/rtl-layout.css
+++ b/client/src/components/layouts/rtl-layout.css
@@ -51,7 +51,7 @@ external fontawesome link icon
/*
universal-nav-bar
-and menu secion
+and menu section
*/
[dir='rtl'] .nav-lang-list-option[aria-current='true'] {
diff --git a/client/src/components/profile/components/heat-map.test.tsx b/client/src/components/profile/components/heat-map.test.tsx
index fc317b3fc4c..38384739da3 100644
--- a/client/src/components/profile/components/heat-map.test.tsx
+++ b/client/src/components/profile/components/heat-map.test.tsx
@@ -32,7 +32,7 @@ afterEach(() => {
});
describe('', () => {
- // Removing the snapshot matching, because they are different everytime
+ // Removing the snapshot matching, because they are different every time
/*
it('renders correctly', () => {
const { container } = render();
diff --git a/client/src/components/share/share-template.test.tsx b/client/src/components/share/share-template.test.tsx
index 9ea28317482..eb723f25fe4 100644
--- a/client/src/components/share/share-template.test.tsx
+++ b/client/src/components/share/share-template.test.tsx
@@ -6,7 +6,7 @@ const redirectURL = 'string';
describe('Share Template Testing', () => {
render();
- test('Testing share templete Click Redirect Event', () => {
+ test('Testing share template Click Redirect Event', () => {
const link = screen.getByRole('link', {
name: 'buttons.tweet aria.opens-new-window'
});
diff --git a/client/src/pages/learn/coding-interview-prep/data-structures/index.md b/client/src/pages/learn/coding-interview-prep/data-structures/index.md
index f6075996cbb..d4c602ffb9c 100644
--- a/client/src/pages/learn/coding-interview-prep/data-structures/index.md
+++ b/client/src/pages/learn/coding-interview-prep/data-structures/index.md
@@ -6,4 +6,4 @@ superBlock: coding-interview-prep
## Introduction to the Coding Interview Data Structure Questions
-These excercises are meant to help you deal with large or complex data by using many different data types other than your standard objects or arrays.
+These exercises are meant to help you deal with large or complex data by using many different data types other than your standard objects or arrays.
diff --git a/client/src/redux/donation-saga.js b/client/src/redux/donation-saga.js
index 6a69b69321a..0ab4aa0e3ab 100644
--- a/client/src/redux/donation-saga.js
+++ b/client/src/redux/donation-saga.js
@@ -88,7 +88,7 @@ export function* postChargeSaga({
// If the user is signed in and the payment goes through call api
let isSignedIn = yield select(isSignedInSelector);
// look into skip add donation
- // what to do with "data" that comes throug
+ // what to do with "data" that comes through
if (isSignedIn) yield call(addDonation, { amount, duration });
}
if (
diff --git a/client/src/redux/ga-saga.test.js b/client/src/redux/ga-saga.test.js
index 5a5003fda30..5cee0b8302e 100644
--- a/client/src/redux/ga-saga.test.js
+++ b/client/src/redux/ga-saga.test.js
@@ -14,7 +14,7 @@ describe('ga-saga', () => {
};
return (
expectSaga(createGaSaga, actionTypes)
- // Assert that the `call` with expected paramater will eventually happen.
+ // Assert that the `call` with expected parameter will eventually happen.
.call(TagManager.dataLayer, { dataLayer: mockEventPayload })
// Dispatch any actions that the saga will `take`.
diff --git a/client/src/redux/selectors.js b/client/src/redux/selectors.js
index 3acefc44814..63010e76750 100644
--- a/client/src/redux/selectors.js
+++ b/client/src/redux/selectors.js
@@ -98,7 +98,7 @@ export const isProcessingSelector = state => {
export const userByNameSelector = username => state => {
const { user } = state[MainApp];
// return initial state empty user empty object instead of empty
- // object litteral to prevent components from re-rendering unnecessarily
+ // object literal to prevent components from re-rendering unnecessarily
// TODO: confirm if "initialState" can be moved here or action-types.js
return user[username] ?? {};
};
diff --git a/client/src/templates/Challenges/classic/editor.tsx b/client/src/templates/Challenges/classic/editor.tsx
index 3ad00581a13..8da35743fee 100644
--- a/client/src/templates/Challenges/classic/editor.tsx
+++ b/client/src/templates/Challenges/classic/editor.tsx
@@ -247,7 +247,7 @@ const Editor = (props: EditorProps): JSX.Element => {
// editorDidMount are called, we cannot use useState. Reason being that will
// only take effect during the next render, which is too late. We could use
// plain objects here, but useRef is shared between instances, so avoids
- // unecessary object creation.
+ // unnecessary object creation.
const monacoRef: MutableRefObject =
useRef(null);
const dataRef = useRef({ ...initialData });
diff --git a/client/src/templates/Challenges/classic/multifile-editor.tsx b/client/src/templates/Challenges/classic/multifile-editor.tsx
index dc18d6b09db..04a62f44bec 100644
--- a/client/src/templates/Challenges/classic/multifile-editor.tsx
+++ b/client/src/templates/Challenges/classic/multifile-editor.tsx
@@ -87,7 +87,7 @@ const MultifileEditor = (props: MultifileEditorProps) => {
const targetEditor = getTargetEditor(challengeFiles);
// Only one editor should be focused and that should happen once, after it has
- // been mounted. This ref allows the editors to co-ordinate, without having to
+ // been mounted. This ref allows the editors to coordinate, without having to
// resort to redux.
const canFocusOnMountRef = useRef(true);
diff --git a/client/src/templates/Challenges/redux/code-storage-epic.js b/client/src/templates/Challenges/redux/code-storage-epic.js
index ecff5ba8c05..6ced7f21733 100644
--- a/client/src/templates/Challenges/redux/code-storage-epic.js
+++ b/client/src/templates/Challenges/redux/code-storage-epic.js
@@ -132,7 +132,7 @@ function loadCodeEpic(action$, state$) {
const { title: legacyKey } = challenge;
const codeFound = getCode(id);
- // first check if the store (which is syncronized with the db) has saved
+ // first check if the store (which is synchronized with the db) has saved
// code
const savedChallenges = savedChallengesSelector(state);
const savedChallenge = savedChallenges?.find(saved => {